08 2012 档案

jQuery鼠标经过图片切换
摘要：<script type="text/javascript" src="jquery-1.7.2.js"></script>HTML代码：<div class="picBox" id="pic"> <ul> <li> <div><span>标题一</span><img src="01.jpg" width="282" height="157" /> 阅读全文
posted @ 2012-08-30 11:51 奇闻天下 阅读(474) 评论(0) 推荐(0)
jQuery鼠标点击显示和隐藏
摘要：<script type="text/javascript" src="jquery-1.7.2.min.js"></script>HTML代码：<dl> <dt>标题</dt> <dd>内容</dd> <dt>标题</dt> <dd>内容</dd> <dt>标题</dt> <dd>内容</dd> <dt>标题</dt> <dd>内容< 阅读全文
posted @ 2012-08-30 11:46 奇闻天下 阅读(592) 评论(0) 推荐(0)
hasClass用法
摘要：hasClass:检查当前元素是否含有某个特定的类，如果有，就返回true。下载本地，做外部链接：<script type="text/javascript" src="jquery-1.7.2.min.js"></script>HTML结构： <div class="protected"></div><div class="er"></div>CSS代码：//这里注意div容器要设置绝对定位！.protected { width:100px; 阅读全文
posted @ 2012-08-30 11:31 奇闻天下 阅读(451) 评论(0) 推荐(0)
jQuery鼠标经过放大动画效果
摘要：前提链接：<script type="text/javascript" src="jquery-1.7.2.min.js"></script>HTML结构：<div class="wrap"> <div class="lefttop f">A</div> <div class="leftbot f">B</div> <div class="right f">C</div> 阅读全文
posted @ 2012-08-30 11:17 奇闻天下 阅读(357) 评论(0) 推荐(0)