关于鼠标经过时显示详情的JS_51模板集

51模板集专业软件定制、系统开发以及各种开源CMS教程,织梦教程、帝国cms教程、phpcms教程、.net教程、JS特效等

主页 > 网页特效 > jquery特效 >

关于鼠标经过时显示详情的JS

分享到：

来源：未知浏览：次发布时间：2018-09-25 11:38

51模板集特效 51模板集 51模板集 51模板集 http://www.51mubanji.com 51模板集 51模板集 51模板集 51模板集 51模板集 51模板集 51模板集 51模板集 51模板集 51模板集

关于鼠标经过时显示详情的JS

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title></title>
<SCRIPT type="text/javascript" src="http://www.51mubanji.com/js/jquery.js"></SCRIPT><script>
$(document).ready(function() {
 var a = $("#list li");
 a.bind("mouseover",function() {
  a.removeClass("show");
  $(this).addClass("show");
 });
});
</script>
<style type="text/css">
ul, li, h3 {margin:0px;padding:0px;list-style-type:none;}

ul {width:300px;}
li {height:24px;overflow:hidden;line-height:24px;font-size:12px;padding:0px 10px;}
li h3 {font-size:14px;}
li.show {height:48px;background-color:#ccc;}</style>
<ul id="list">
	<li class="show">
		<h3>
			51模板集</h3>
		<span>51模板集</span></li>
	<li>
		<h3>
			51模板集</h3>
		<span>http://www.51mubanji.com</span></li>
	<li>
		<h3>
			51模板集</h3>
		<span>51模板集</span></li>
	<li>
		<h3>
			51模板集</h3>
		<span>51模板集</span></li>
	<li>
		<h3>
			51模板集</h3>
		<span>51模板集</span></li>
	<li>
		<h3>
			51模板集</h3>
		<span>51模板集</span></li>
	<li>
		<h3>
			51模板集</h3>
		<span>51模板集</span></li>
</ul>

<script src="/js/dashang.js" type="text/javascript" charset="utf-8"></script>
<p>关于鼠标经过时显示详情的JS 转载请注明出处 <a target="_blank" href="http://www.51mubanji.com">网页特效</a><p></p>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇：网站右侧在线客服公众号返回顶部多功能悬浮菜单栏js插件
下一篇：如何设计一款简易伸展显示详情菜单特效

栏目列表

点击排行

代码实现JQuery图片轮播效果代码

input带输入的下拉菜单效果

漂亮的鼠标经过弹出层jquery特效

带左右按钮jquery图片切换代码

jquery实现鼠标经过改变图片透明度

带左右控制的按钮flash图片特效3D立体动画焦点图片切换

好看的导航二级菜单jquery下拉菜单

带左右按钮的jQuery图片切换特效

简单的jquery选项卡特效

原创右侧可折叠在线客服广告代码

相关文章推荐

你知道如用jq实现简单拖曵原理实例吗

如何实现简单大方Tab菜单选项卡的JS特效

如何设计一款简易伸展显示详情菜单特效

关于鼠标经过时显示详情的JS

网站右侧在线客服公众号返回顶部多功能悬浮菜单栏js插

带左右控制的按钮flash图片特效3D立体动画焦点图片切换

带左右按钮的jQuery图片切换特效

jquery水平滑动图片切换特效

jquery可点击左右按钮切换的特效

jquery鼠标滑动小图大图切换特效

本站部分资源收集整理于互联网，免费供网友参考学习使用，并不用于商业用途，若侵犯了您的版权请来信告知，再次感谢您的分享！

皖公网安备 34010302000133号