2 scripttao ScriptTao 于 2017.09.12 17:53 提问

这个js函数我该怎么写

function choicebutton(coverbutton,cover,up,down,butt){
var flag=true;
$(coverbutton).on('click',function(){
if(flag && coverbutton=='.scene-button'){
$(cover).css('display','block');
$(up).css('display','inline-block');
$(down).css('display','none');
$(butt).css('background-color','#f4fbfb');
alert('.scene-button');
flag=false;
}else{
$(cover).css('display','none');
$(up).css('display','none');
$(down).css('display','block');
$(butt).css('background-color','white');
flag=true;
};
if(flag && coverbutton=='.entity-button'){
$(cover).css('display','block');
$(up).css('display','inline-block');
$(down).css('display','none');
$(butt).css('background-color','#f4fbfb');
alert('.entity-button');
flag=false;
}else{
$(cover).css('display','none');
$(up).css('display','none');
$(down).css('display','block');
$(butt).css('background-color','white');
flag=true;
};
if(flag && coverbutton=='.admin-button'){
$(cover).css('display','block');
$(up).css('display','inline-block');
$(down).css('display','none');
$(butt).css('background-color','#f4fbfb');
alert('.admin-button');
flag=false;
}else{
$(cover).css('display','none');
$(up).css('display','none');
$(down).css('display','block');
$(butt).css('background-color','white');
flag=true;
}
});
};

3个回答

zxgmlcj
zxgmlcj   2017.09.12 22:03
已采纳

设置样式的代码结构类似,完全可以拿出来重构。
设计函数,函数作用是改变样式,参数为四个参数。
每次调用只需一行。

qq_29594393
qq_29594393   Ds   Rxr 2017.09.12 20:20

把你要改变的样式写入css里面,改为两个class
函数里面的话 直接 $().toggleClass("xxx") 就可以了

zxgmlcj
zxgmlcj 思路不错。但是感觉并不能解决楼主的问题!!
10 个月之前 回复
ScriptTao
ScriptTao   2017.09.15 11:06

//左侧选项栏的动效
function listdown(cover,up,down,butt){
$(cover).css('display','block');
$(up).css('display','inline-block');
$(down).css('display','none');
$(butt).css('background-color','#f4fbfb');
};

function listup(cover,up,down,butt){
$(cover).css('display','none');
$(up).css('display','none');
$(down).css('display','block');
$(butt).css('background-color','white');
};

function scene(){
var flag=true;
$('.scene-button').on('click',function(){
if(flag){
listdown('.cover2','.sceneup','.scenedown','.scene');
$('.admin').animate({top: '-66px'}, 500, 'swing');
$('.entity').animate({top: '0px'}, 500, 'swing');
$('.entity').css('border-top','1px solid #dbdbdb');
flag=false;
}else{
listup('.cover2','.sceneup','.scenedown','.scene');
$('.admin').animate({top: '-132px'}, 500, 'swing');
$('.entity').animate({top: '-66px'}, 500, 'swing');
$('.entity').css('border-top','white');
flag=true;
};
});
};
scene();

function entity(){
var flag=true;
$('.entity-button').on('click',function(){
if(flag){
listdown('.cover4','.entityup','.entitydown','.entity');
$('.entity-button').css('background-color','#f4fbfb');
$('.admin').animate({top: '-66px'}, 500, 'swing');
flag=false;
}else{
listup('.cover4','.entityup','.entitydown','.entity');
$('.entity-button').css('background-color','white');
$('.admin').animate({top: '-132px'}, 500, 'swing');
flag=true;
};
});
};
entity();

function admin(){
var flag=true;
$('.admin-button').on('click',function(){
if(flag){
listdown('.cover6','.arrowup','.arrowdown','.admin');

$('.admin-ul').css('display','inline-block');
$('.admin-button').css('background-color','#f4fbfb');
flag=false;
}else{
listup('.cover6','.arrowup','.arrowdown','.admin');
$('.admin-button').css('background-color','white');
$('.admin-ul').css('display','none');
flag=true;
};
});
};
admin();

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
C\C++程序员实用大全 C\C++编程最佳指南.pdf
我也不知道一本书该怎么写这个软件介绍,只能说这个书适合很多的人
求助大神,这个代码该怎么写
接收一个数字字母字符串,N位(N>5不含转义字符),存储在一个M长度的字符数组里(N (1)将该N个数字字母字符储存在一个有M个长度的字符数组a,显示结果; (2)自动判断这个字符串是否存在连续升序K个数字字符,2 (3)输出并累加存在连续的次数,最后返回累加的值,出错返回-1或-2; (4)必须采用循环结构实现,采用通用算法实现,可扩展性好。 测试用例:(1)123450      
js函数的多种写法
原文链接:https://zhuanlan.zhihu.com/p/27091503 作者:Liubara 如果你曾与JavaScript代码打过交道,你应该会很熟悉如何定义和调用函数,但是你真的知道有多少种定义函数的方法吗?对于编写和维护测试Test262(浏览器JavaScript标准测试)来说,这是一个十分常见的挑战,尤其是当一个新特性出现且与现有的函数语法有关联,或者扩展了现有函数的
如何保护自己的个人隐私
据最新的《中国互联网站发展状况及其安全报告(2014年)》显示,去年,被篡改的中国网站数量为24034个,较2012年增长了46.7%,针对网站的篡改、后门攻击和“钓鱼”网站等网络安全威胁严重,给用户带来了重大的经济损失,其中金融、传媒、支付类网站成为仿冒重点目标。   随着互联网的迅速发展,未来,会有更多的企业信息、个人用户信息等敏感的商业数据会被存放到网络服务提供商的手中,这样的数据信息“集
这个正则表达式怎么写?
任意多个字符开头  +  /f["  + 任意多个字符  + “]  + 任意多个字符。 主要是要匹配出字符串中 /f["   "]  结构
我也不知道标题该怎么写
通信技术概览1G 自能进行语言通话 2G GSM、CDMA +收发短信和邮件 2.5G GPRS、EDPE 访问wap网络数据(图片, 壁纸、文字信息) 3G WCDMA(联通) CDMA2000(电信) TD-SCDMA(移动) 3.5G HSDPA, HSDPA+ 4G TD-LTE 下载速度达6MB/s, Android创始人 An
测试计划该怎么写?
在 IEEE Standard 829 中有定义测试文件的模板应该长得什么样子, 你可以从很多地方找到个模板   可是很多人看完后会说这个太复杂了, 有没有简单的方式, 连做事的时间都不够了, 哪有时间写这么长的文件. 我想是否要照着这个范本写并不重要, 重要的是你需要考虑以下事情   1. 什么东西你要测试   也就是定义测试的目标物是什么. 有时候有些人会搞错测试的目标物, 明明要测的是
该怎么写
    已经不记得上一次认真写日记是什么时候的事了,应该很久了吧。感觉每一天都过得那么有规律,起床,上班,吃饭,加班,下班,回家,睡觉。。。。。。。 这种节奏和想象中的完全不一样,却也已经成为了一种模式,我想,在这个城市,应该有很多人都和一样吧,平淡无奇。。。。。。。    每一次在这里写日记,都是写着写着就不知道要写些什么,然后草草收尾,这一次,会不会也这样呢?    传说要办居住证了,
毕业论文该怎么写
最近,导师在改研三的论文,遇到的一些问题很有价值,在此对其进行总结:1. 举一反三,同一届的同学遇到的问题,立刻反省自己论文中是否出现类似情况; 2. 程序和论文是想通的;都需要高内聚,即一个段落只表达一个思想,且第一句话一定是最重要的;一个函数为了Reviewer理解容易,一般不要超过50行;对此,一段话也不应该太长,用一个定量标准,控制在10行之内,太长的话,一段的中心思想不好概括;同时一句话...
该程序怎么写
|||#include int Input(float * value){ int temp=1; printf("Please input a positive number:/n"); while(1) { scanf("%f" times=0; boolean flag=false; while(flag == false && times 0){pri