JavaScript人寿保险的帮助介绍动态加载栏
来源:互联网 发布:kik聊天软件下载 编辑:程序博客网 时间:2024/04/29 09:05
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>FAQ列表</title><script type="text/javascript" src="./js/jquery-1.8.3.min.js" ></script><style type="text/css" >.one{ width:600px;font-size:12px;}.one .top{background-color:#fff; height:33px;line-height:33px;width:700px;padding-left:28px;color:#168750;font-weight:bold;margin-top:10px;}.iocn{display:block; width:14px;height:14px;background-image:url(images/+.jpg); background-repeat:no-repeat; float:left;margin:10px 0px 0px 3px;padding-right:10px;}.one span.jian{background-image:url(images/-.jpg); }.one span.jia{background-image:url(images/+.jpg); } .one div.bgreen{ background-image:url(images/bg.jpg); }div.content{display:none;padding:5px;width:716px;border:1px solid #D9EFED;}</style><script type="text/javascript"> $(document).ready(function () { $(".top").hover(function () { $(this).addClass('bgreen'); }, function () { $(this).removeClass('bgreen'); }); $(".top").toggle(function () { $(this).find(".iocn").removeClass("jia").addClass('jian'); $(this).siblings(".content").show(1500);},function () { $(this).find(".iocn").removeClass("jian").addClass('jia'); $(this).siblings(".content").hide('slow');}); });</script></head><body> <div id="fq"> <div class="one"> <div class="top"><span class="iocn"></span>什么是人身保险?</div> <div class="content"> <img src="images/gd.jpg" /><br/> <p>人身保险是人的寿命和身体为...... </p> </div> </div> <div class="one"> <div class="top"><span class="iocn"></span>什么是保险合同?</div> <div class="content"> <img src="images/gd.jpg" /><br/> <p>保险合同是......</p> </div> </div> <div class="one"> <div class="top"><span class="iocn"></span>什么是保险人?</div> <div class="content"> <img src="images/gd.jpg" /><br/> <p>保险人是......</p> </div> </div> <div class="one"> <div class="top"><span class="iocn"></span>什么是投保人?</div> <div class="content"> <img src="images/gd.jpg" /><br/> <p>投保人是......</p> </div> </div> </div></body></html>
0 0
- JavaScript人寿保险的帮助介绍动态加载栏
- 帮助我们加载自己的动态库,
- 购买人寿保险后的注意事项
- webView 动态加载javascript的function
- jquery动态加载javascript文件的方法
- JavaScript 动态 加载
- javascript动态加载方法
- 动态加载 javascript
- JavaScript 动态加载文件
- javascript动态加载
- 动态加载 javascript
- 动态加载javascript文件
- javascript动态加载 (一)
- javascript动态加载二
- javascript动态加载三
- javascript异步动态加载
- javascript动态加载
- javascript动态加载二
- svn:Can't use Subversion command line client
- j2eeSpringjar包下载
- jQuery事件与动画
- freemarker常用标签
- N个整数分成两堆SA,SB,使|SA-SB|的值最小,求最小值
- JavaScript人寿保险的帮助介绍动态加载栏
- 页面中调用函数--之${fn:}内置函数(转载)
- Android PullToRefresh (ListView GridView 下拉刷新) 使用详解
- CSS实现强制不换行、自动换行、强制换行的css代码
- jQuery中的事件与动画
- BOOST库 --boost_options组件使用
- 怎么解决eclipse报PermGen space异常的问题
- Android几行代码实现监听微信聊天
- JQuery 第五章 事件和动画 上机+课后