特别显示
来源:互联网 发布:js展开收起效果 编辑:程序博客网 时间:2024/04/27 07:22
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.wrap{
width: 660px;
height: 420px;
background: #000000;
margin: 0 auto;
padding: 1px;
}
li{
float: left;
list-style: none;
margin: 2px;
}
</style>
<script src="../js/jquery-1.11.1.js"></script>
<script>
$(document).ready(function(){
$("li").mouseenter(function(){
$(this).css("opacity",1).siblings().css("opacity",0.6);
})
//给div添加离开事件
$("div").mouseleave(function(){
//
$(this).children("ul").eq(0).children("li").css("opacity",1);
});
})
</script>
</head>
<body>
<div class="wrap">
<ul>
<li>
<img src="images/01.jpg" />
</li>
<li>
<img src="images/02.jpg" />
</li>
<li>
<img src="images/03.jpg" />
</li>
<li>
<img src="images/04.jpg" />
</li>
<li>
<img src="images/05.jpg" />
</li>
<li>
<img src="images/06.jpg" />
</li>
</ul>
</div>
</body>
</html>
***************************************************************无图片版
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.d{
width: 520px;
margin-left: 252px;
height: 420px;
background: #f89;
padding: 1px;
}
div{
float: left;
background: #fff;
width: 100px;
height: 100px;
list-style: none;
margin: 2px;
}
</style>
<script type="text/javascript" src="js/js/jquery-1.11.1.min.js" ></script>
<script>
$(document).ready(function(){
$("div").mouseenter(function(){
$(this).css("background-color","red").siblings().css("background-color","chartreuse");
});
//给div添加离开事件
$(".d").mouseleave(function(){
//
$(this).children("div").css("background-color","#FFFFFF");
$(".d").css("background-color","#F89");
});
});
</script>
</head>
<body>
<div class="d" >
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
</div>
</body>
</html>
- 特别显示
- WebView match_parent wrap_content 无法显示,或显示特别小
- 为什么PS输入文字字号很小,却显示特别大
- 如何显示一些特别国家的语言比如阿联酋和沙特的阿拉伯文添加
- VS2010 VS2012调试时显示加载符号导致调试特别慢
- [VS调试]VS2010 VS2012调试时显示加载符号导致调试特别慢
- [VS调试]VS2010 VS2012调试时显示加载符号导致调试特别慢
- VS2010 VS2012调试时显示加载符号导致调试特别慢
- [VS调试]VS2010 VS2012调试时显示加载符号导致调试特别慢
- vi的时候一行特别长,一行内显示不下,怎么办
- IplImage 截取感兴趣的部分 ROI函数---显示整个图片但是对ROI 区域特别处理
- excel 打印预览只能显示一页 打印的字特别小
- 发现一个特别小巧的jquery插件可以在选择的时候显示小图
- 特别注意
- 特别公告
- 特别声明
- 特别鸣谢
- 特别声明
- Linux最常用命令及快捷键整理
- 为什么HashMap是线程不安全类?
- python/numpy/ndarry数组扩维
- 连续总结第二十六天
- [ENVI] 正射校正
- 特别显示
- maven中排除依赖传递 pom.xml的exclusions
- JavaScript正则表达式基本语法
- Android-studio安装for mac
- Python学习教程(六)——抽象之函数
- Codeforces Round #443 (Div. 1) C. Tournament(瞎搞???)
- this指向
- centos 相关命令
- Android Render(四)supportVersion 27.0.0源码RecyclerView绘制流程解析