长春企业建站系统模板,东莞长安做网站,网站登录验证码不显示,官方电商平台首先来看看效果图#xff1a; 1.这是默认的的div样式#xff1a; 2.当我们单击第一个div时的样式#xff1a; 3.当我们再次单击第一个div时的样式#xff1a;
如果你需要的效果是这样的#xff0c;那么请您继续往下面看#xff0c;如果不是#xff0c;您也可以看看实…首先来看看效果图 1.这是默认的的div样式 2.当我们单击第一个div时的样式 3.当我们再次单击第一个div时的样式
如果你需要的效果是这样的那么请您继续往下面看如果不是您也可以看看实现方法。 5.首先我们需要一个jQuery环境jquery-1.8.3.js这个文件网上一搜一大堆可以自行准备。将该文件放置到项目下面的js目录下面。 6.然后下面是源代码
!DOCTYPE html
htmlheadmeta charsetUTF-8title/titlescript srcjs/jquery-1.8.3.js typetext/javascript/scriptscript typetext/javascript$(function(){$(.div_1).toggle(function(){$(this).addClass(style_div);},function(){$(this).removeClass(style_div);});});/scriptstyle typetext/css.div_1 {width: 100px;height: 50px;background: darkolivegreen;margin: 10px;}.div_1:hover{cursor: pointer;}.style_div{border: 1px solid red;background: white;}/style/headbodydiv idmaindiv classdiv_1/divdiv classdiv_1/divdiv classdiv_1/divdiv classdiv_1/div/div/body/html欢迎关注本人微信公众号“梦翔资源汇”会有意想不到的收获哦~~~
