您现在的位置是：html5云开体育官网入口响网投正规真人在线信誉平台应式时间轴页面模板大全 >>正文

html5云开体育官网入口响网投正规真人在线信誉平台应式时间轴页面模板大全

新愁旧恨网325人已围观

简介。jQuery实用的水平图片滚动，jQuery+css3响应式时间轴js页面效果演示。一、。。。水墨寒个人官网（<a href="http://www.smohan.net/" target="...

。jQuery实用的水平图片滚动，jQuery+css3响应式时间轴js页面效果演示。

一、。。。水墨寒个人官网（<a href="http://www.smohan.net/" target="_blank">http://www.smohan.net/</a>）正式开通！jquery仿站长之家大事记时间轴制作代码：站长之家jQuery时间轴大事记 - bokequ.com

三、html页面代码

<!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>Jquery实现超酷的时间轴特效 - bokequ.com</title><meta name="description" content="网友水墨寒分享Jquery实现超酷的时间轴特效"><link href="css/style.css" type="text/css" rel="stylesheet"></head><body><div id="container">	<div class="timeline_container">		<div class="timeline">			<div class="plus"></div>			<div class="plus2"></div>		</div>	</div>	<div class="item">		<h3><span class="fl">柳州一通网</span><span class="fr">IP：221.7.207***&nbsp;&nbsp;&nbsp;&nbsp;2013-02-21 08:46:29</span></h3>		<p class="con">帮我做的网站很好，漫画情不云开体育官网入口>网投正规真人在线信誉平台自禁地在此留了个言，。哈哈。很满意<br />支持一下下。欢迎大家留意</p>		<h4><b>Reply：</b>管理员尚未回复</h4>	</div></div><script src="js/jquery.min.js" type="text/javascript"></script><script type="text/javascript" src="js/smohan.blog.plug.js"></script><script type="text/javascript">$(document).ready(function(){	$('#container').masonry({itemSelector : '.item'});		function Arrow_Points(){		var s = $("#container").find(".item");		$.each(s,function(i,obj){			var posLeft = $(obj).css("left");			if(posLeft == "0px"){				html = "<span class='rightcorner'></span>";				$(obj).prepend(html);			} else {				html = "<span class='leftcorner'></span>";				$(obj).prepend(html);			}		});	}		Arrow_Points();	});</script></body></html>

2、带时间轴显示代：jQuery图片滚动时间轴演示代码 - bokequ.com

</p> <h4><b>Reply：</b>管理员尚未回复</h4> </div> <div class="item"> <h3><span class="fl">千里</span><span class="fr">IP：111.11.189.***    2013-02-20 23:52:25</span></h3> <p class="con">给你留言</p> <h4><b>Reply：</b>管理员尚未回复</h4> </div> <div class="item"> <h3><span class="fl">漫画之迷</span> <span class="fr">IP：119.137.61.***    2013-02-20 23:00:25</span></h3> <p class="con">网站真不错啊，

html5响应式时间轴页面模板大全，Jquery实现超酷的树形排列评论列表时间轴：Jquery实现超酷的时间轴特效 - bokequ.com

1、css样式

@charset "utf-8";*{margin:0;padding:0;list-style-type:none;}body{background:#f9f9f9;color:#363636;font-size:13px}a{color:#767676;font-size:13px;font-weight:200}a:hover{color:#565656}/* container */#container{position:relative;padding-bottom:30px;margin:0px auto 200px;padding-left:0px;width:1040px;padding-right:0px;height:auto;overflow:hidden;padding-top:30px}.timeline_container{z-index:50;text-align:center;margin:0px auto;width:29px;display:block;height:100%;cursor:pointer}.timeline{position:absolute;margin:0px auto;width:4px;display:block;background:#eeeeee;float:left;height:100%;font-size:0px;top:0px;left:518px}.timeline div.plus{z-index:5000;position:absolute;width:29px;background:url(../images/timeline.png) 0px -36px;height:10px;top:0px;left:-11px}.timeline div.plus2{position:absolute;width:10px;bottom:0px;background:url(../images/timeline.png) -29px -26px;height:10px;left:-3px}.leftcorner{z-index:99;position:absolute;width:36px;display:block;height:26px;overflow:hidden}.rightcorner{z-index:99;position:absolute;width:36px;display:block;height:26px;overflow:hidden}.rightcorner{background:url(../images/timeline.png) 0px 0px;top:25px;right:-36px}.leftcorner{background:url(../images/timeline.png) -36px 0px;top:10px;left:-36px}.item{border-bottom:#eaeaea 1px solid;position:relative;border-left:#eaeaea 1px solid;padding-bottom:15px;line-height:30px;margin:20px 30px 0px;min-height:60px;padding-left:15px;width:428px;padding-right:15px;display:block;font-family:"microsoft jhenghei", "microsoft yahei";word-wrap:break-word;background:#ffffff;float:left;font-size:13px;border-top:#eaeaea 1px solid;border-right:#eaeaea 1px solid;padding-top:15px;box-shadow:0px 1px 8px rgba(202, 202, 202, 0.3)}.item h3{line-height:30px;width:428px;display:block;height:30px;font-weight:normal}.item h3 .fl{float:left;color:#363636;font-size:14px}.item h3 .fr{text-align:right;float:right;color:#999999;font-size:12px}.item p.con{border-bottom:#ececec 1px dashed;padding-bottom:15px;line-height:30px;width:428px;display:block;color:#555555;border-top:#ececec 1px dashed;font-weight:normal;padding-top:15px}.item p{text-indent:2em}.item h4{padding-bottom:15px;padding-left:0px;width:428px;padding-right:0px;display:block;padding-top:15px}

四、jquery实现文字图片瀑云开体育官网入口布网投正规真人在线信誉平台流时间轴特效：jquery实现文字图片瀑布流时间轴特效 - bokequ.com

五、</p> <h4><b>Reply：</b>管理员尚未回复</h4> </div> <div class="item"> <h3><span class="fl">水墨寒</span> <span class="fr">IP：27.224.56***    2013-02-20 22:42:43</span></h3> <p class="con">自己先把沙发坐了！jquery网页时间轴代码演示，。响应式垂直时间轴代码素材汇总，简单的网页时间轴制作效果：大气的jQuery树型时间轴特效 - bokequ.com

六、html5响应式页面垂直时间轴动画特效演示：jQuery+css3响应式时间轴页面效果 - bokequ.com

二、</p> <h4><b>Reply：</b>管理员尚未回复</h4> </div> <div class="item"> <h3><span class="fl">柳州</span><span class="fr">IP：221.7.207***    2013-02-21 08:39:32</span></h3> <p class="con">很有创意</p> <h4><b>Reply：</b>管理员尚未回复</h4> </div> <div class="item"> <h3><span class="fl">伪装的心</span><span class="fr">IP：218.56.32***    2013-02-21 08:07:48</span></h3> <p class="con">很不错的页面啊<br />支持一下下。

Tags：

上一篇：DedeCMS Error Warning提示解决方法

下一篇：CSS3变形效果transform

SEO一些名词介绍/SEO常见术语
html5云开体育官网入口响网投正规真人在线信誉平台应式时间轴页面模板大全
SEO(Search Engine Optimization)搜索引擎优化SEM(Search Engine Marketing)搜索引擎营销1.竞价排名 ——顾名思义，通过竞价方式使得网站排名靠前2...

2025-06-17 20:47
阅读更多
Javascript函数/return返回值与arguments对象
html5云开体育官网入口响网投正规真人在线信誉平台应式时间轴页面模板大全
函数是定义一次但却可以调用或执行任意多次的一段JS代码。函数有时会有参数，即函数被调用时指定了值的局部变量。函数常常使用这些参数来计算一个返回值，这个值也成为函数调用表达式的值。一、函数声明函数对任何...

2025-06-17 19:43
阅读更多
当贝X5S Plus 4K激光投影仪震撼登场：国补价3999元，真实画质触手可及
html5云开体育官网入口响网投正规真人在线信誉平台应式时间轴页面模板大全
当贝X5S Plus 4K激光投影仪震撼登场：国补价3999元，真实画质触手可及随着科技的发展，投影设备已经从简单的显示工具，进化为能够提供影院级观影体验的家庭娱乐中心。近日，当贝推出的X5S Plu...

2025-06-17 18:43
阅读更多

您现在的位置是：html5云开体育官网入口响网投正规真人在线信誉平台应式时间轴页面模板大全 >>正文

html5云开体育官网入口响网投正规真人在线信誉平台应式时间轴页面模板大全

相关文章

SEO一些名词介绍/SEO常见术语

Javascript函数/return返回值与arguments对象

当贝X5S Plus 4K激光投影仪震撼登场：国补价3999元，真实画质触手可及

热门文章

最新文章

友情链接