jQuery写突出显示

1.先写它的body

<body>

<ul>

</ul>

</body>

2.写它的样式

<style>

padding: 0;

margin: 0;

}

body{

background-color: #000;

}

ul{

margin: 100px auto;

width: 1400px;

}

li{

list-style: none;

}

img{

width: 420px;

height: 240px;

float: left;

padding: 10px 10px 0 0;

/* border: 5px solid #ccc; */

}

</style>

3.引入jQuery

4.写入逻辑判断

这里的逻辑是鼠标移入li标签时将这个li标签的透明度设置为1，将其他的li标签设置为0.5.

当鼠标移出ul标签时将所有li标签的透明度设置为1。

$("li").mouseenter(function(){

console.log(this)

$(this).css("opacity",1).siblings().css("opacity",0.5)

})

$("ul").mouseleave(function(){

$("li").css("opacity",1)

})

</script>

jQuery写突出显示相关推荐

用jQuery写的最简单的表单验证
近几天完成了关于我们项目的最简单的表单验证,是用jQuery写的,由于之前也一直没学过jQuery,所以自己也是一直处于边摸索边学习的阶段,经过这一段时间的学习,通过查资料啥的,也发现了学习jQuer ...
html下拉框只选择年份和月份,原生jQuery实现只显示年份下拉框
本文实例为大家分享了jQuery实现只显示年份下拉框的具体代码,供大家参考,具体内容如下代码: Document 1949 var date = new Date(); var y = date.g ...
html只选择年份,原生jQuery实现只显示年份下拉框
本文实例为大家分享了jQuery实现只显示年份下拉框的具体代码,供大家参考,具体内容如下代码: Document 1949 var date = new Date(); var y = date.g ...
用jQuery写的一个翻页，并封装为插件，
用jQuery写的一个翻页,并封装为插件, 1 *{ 2 margin:0; 3 padding: 0; 4 list-style: none; 5 text-decoration: none; 6 ...
为jQuery写插件
很多场合,我们都会调用jQuery的插件去完成某个功能,比如slider. 如下图,做一个div,通过"$( "#slider" ).slider();"的方式 ...
php ci ajax用户登录,使用jQuery和CI显示AJAX调用数据库的数据
模型似乎和控制器一样工作. AJAX将结果显示为"null",所以我认为这是因为我们需要将数据作为json发送.如何将数据放到正确的格式,并在视图中显示任何想法使用jQuery和C ...
html自动轮播计时器不准,用jQuery写的图片轮播为何停止定时器只能停止一次？...
用jQuery写的图片轮播为何只有初次鼠标进入才能停止定时器?给我的感觉是后面无法停止自动播放,而且播放速度加快,调试很久不知问题出现在哪. 附上demo网址参考:http://huzerui.com ...
用php写出显示客户端ip与服务器ip的代码.,PHP面试题答案
PHP面试题答案 1.求$a,$b,$c三个数中的最大值和最小值(5分) echo max($a,$b,$c); echo min($a,$b,$c); 2.echo().print().print_ ...
微信小程序选择框问题小程序picker点击显示object range-key=这里写要显示的字段
微信小程序选择框问题小程序picker点击显示object range-key="这里写要显示的字段" <picker bindchange="bindClass ...

jQuery写突出显示

4.写入逻辑判断

jQuery写突出显示相关推荐

最新文章

热门文章