knrt.net
当前位置:首页 >> 用jQuEry语言,点击Div,更换背景图片(附Div和背... >>

用jQuEry语言,点击Div,更换背景图片(附Div和背...

修改border样式就可以了 需要结构,以div的class为"bank"为例:css部分:.back_active{border:1px solid red;} jquery部分:$(".bank").click(function(){ if($(this).hasclass("bank_active")) return; $(".back_active").removeclass("back_active"); $(this).addclass("back_active"); });

<div id=“btn_img” class="img01"></div> <script> &#36;("#btn_img").click(function(){ &#36;(this).toggleclass("img02"); }); <&#47;script> <style>#btn_img{ no-repeat; width:40px; height:40px;} .img01{background:url("img01.jpg");} .img02{background:url("img02.jpg");}</style>

css:/*原来的背景色*/.bg{background:'red'}/*要切换的背景色*/.bg_click{background:'green'} js:$('div').on('click',function(){ var $div = $(this); var $others = $div.siblings(); if($div.hasClass('bg')){ $div.removeClass('bg').addClass('bg_click').html('你要

实现的方法和操作步骤如下: 1、首先,打开html编辑器,创建一个新的html文件,例如index.html,然后引入jquery,如下图所示. 2、其次,完成上述步骤后,在index.html的<script>标记中,输入下图红框中的jquery代码,如下图所示. 3、接着,完成上述步骤后,浏览器运行index.html页面,显示出了其中1张背景图片,如下图所示. 4、最后,完成上述步骤后,再次单击“点击更换”按钮,这时背景图像被更改为另一幅,如下图所示.这样,问题就解决了.

animation,time和timetask或者用handler

自己准备图片1.jpg和图片2.jpg.<html><style> div{ width:300px; height:300px; border:1px solid black; background-image:url(1.jpg); }</style><script> function changeImg(){ var div = document.getElementById("test"); if(div.style.backgroundImage =

var bgs = [ "第一张图片的地址", "第二张", "第三张"];var curbg = -1;window.onload = function() { setInterval(function() { document.getElementById("div 的ID").style.background = "url('" + bgs[curbg >= bgs.length - 1 ? curbg = 0 : ++curbg] + "')"; }, 5000);};

<script language="javascript" type="text/javascript"> var images= ["images/2.png", "images/3.png", "images/4.png", "images/5.png"]; var index = 0; function switch_background(){ if(index ==images_id.length-1) { index = 0; }else{

用jquery如何实现点击一栏目实现栏目变色,再点击另一栏目也变色,但原来的变回原色,有个数636f70797a686964616f31333366303830组a(1,2,3)循环遍历输出a的值.jquery 动态更改 div 背景色代码如下: <head> <script type="text/

写在hover事件的话 一靠近就会触发.所以几个链接都触发到了.把上面的click去掉,再加一段.$("#Tophead_AD_Buttom li").click(function(){ var HrefLink=$('>b',this).text(); //获取href地址window.open(HrefLink);});window.open 有些浏览器会阻止.提醒下你.直接用a链接写网址比较合适.

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com