js事件单击一个按钮改网页上变其他元素属性的代码6

发布网友发布时间：2023-09-25 01:03

共2个回答

热心网友时间：2024-11-24 15:37

这个功能很好实现。但是你要先去下载一个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; //记录图片显示
}
});

热心网友时间：2024-11-24 15:37

渐隐渐显对现在的你来说比较麻烦需要些settimeout 需要写透明度等等
给你一个小例子，点击按钮改变图片路径
<img id="i" onclick="i_onclick()">
<script>
function i_onclick(){
document.image["i"].src = "路径"
}
</script>