js事件单击一个按钮改网页上变其他元素属性的代码
比如点击一个按钮后apaiv1的图片1渐隐图片2渐显,同时这个在效果在再次点击按钮后会刷新而不是叠加...
比如点击一个按钮后ap aiv 1的图片1 渐隐 图片2 渐显 ,同时 这个在效果在再次点击按钮后会刷新 而不是叠加
展开
展开全部
这个功能很好实现。但是你要先去下载一个jquery.js这个类库,就是先加载这个。
然后后面很简单了。参照网址http://www.w3school.com.cn/jquery/jquery_effects.asp可以轻松控制。
选用jquery.js做这个图片透明度控制的好处是,这个类库可以根据你用的IE浏览器种类,自动匹配IE、火狐、谷歌等浏览器的样式,帮你处理很多浏览器不兼容的现象。
当然也可以看我的例子:
比如你那个图片的id叫#tupian,你那个按钮的id叫#anniu,那么如下
var yin = true;//设定一个记录隐藏或者显示的属性
$("#anniu").click(funtion(){ //当按钮被点击时候执行以下
if(yin==ture){ //当按钮还处于显示时候
$("#tupian").stop().fadeIn(500); //图片在500毫秒内渐渐消失
yin=false; //记录图片已经隐藏
}
else{ //如果图片没显示
$("#tupian").stop().fadeOut(500); //图片于500S内渐渐淡出
yin=true; //记录图片显示
}
});
然后后面很简单了。参照网址http://www.w3school.com.cn/jquery/jquery_effects.asp可以轻松控制。
选用jquery.js做这个图片透明度控制的好处是,这个类库可以根据你用的IE浏览器种类,自动匹配IE、火狐、谷歌等浏览器的样式,帮你处理很多浏览器不兼容的现象。
当然也可以看我的例子:
比如你那个图片的id叫#tupian,你那个按钮的id叫#anniu,那么如下
var yin = true;//设定一个记录隐藏或者显示的属性
$("#anniu").click(funtion(){ //当按钮被点击时候执行以下
if(yin==ture){ //当按钮还处于显示时候
$("#tupian").stop().fadeIn(500); //图片在500毫秒内渐渐消失
yin=false; //记录图片已经隐藏
}
else{ //如果图片没显示
$("#tupian").stop().fadeOut(500); //图片于500S内渐渐淡出
yin=true; //记录图片显示
}
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询