Sự kiện
Diễn đàn
Latest images
Trợ giúp
Tìm kiếm
Thành viên
Đăng ký
Đăng Nhập
»[FM] Code này sử dụng jQuery nhằm làm một slide chạy ảnh [hot]
Giới tính
Tường nhà
Bài viết
Kết bạn
Tài sản
Code này sử dụng jQuery nhằm làm một slide chạy ảnh để cập nhật những "hot topic" của bạn..
dán vào CSS:
Còn code này thì cho vào đâu tùy ý (nơi muốn hiển thị slide), miễn là cho phép HTML
Để thêm ảnh và link, các bạn cứ thêm thẻ
(xem ở đoạn code trên)
Demo:
dán vào CSS:
Còn code này thì cho vào đâu tùy ý (nơi muốn hiển thị slide), miễn là cho phép HTML
- Code:
<script src="http://benxua.googlecode.com/files/jquery.easing.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="http://benxua.googlecode.com/files/script.js"></script>
<script type="text/javascript">
$(document).ready( function(){
$('#lofslidecontent45').lofJSidernews( { interval:4000,
easing:'easeInOutQuad',
duration:1200,
auto:true } );
});
</script>
<style>
#container { width:900px; margin:0px auto 0px; background:#FFFFFF; padding:10px; font-size:12px; margin-top:10px; }
a{
text-transform:none;
color:#333
}
#footer{
background:#F0F0F0;
padding:10px;
border:#999 dotted 1px;
}
ul.lof-main-wapper li {
position:relative;
}
</style>
<div id="container">
<div id="lofslidecontent45" class="lof-slidecontent">
<div class="preload"><div></div></div>
<div class="lof-main-outer">
<ul class="lof-main-wapper">
<li>
<img src="http://i69.servimg.com/u/f69/12/89/57/83/dap-ch10.jpg" title="" height="300" width="600"> <div class="lof-main-item-desc">
<h3><a target="_parent" title="" href="/t1154-topic">A2 tại đập Chu Cấp</a></h3>
<p>Một ngày trước 20/11, dân thành phố về thăm Hòa Thắng vùng ven =]] </p>
</div>
</li>
</ul>
</div>
<div class="lof-navigator-outer">
<ul class="lof-navigator">
<li>
<div>
<h3> Miền ký ức Forum's</h3>
<span>16.07.2010</span> - Bình Định
</div>
</li>
</ul>
</div>
</div>
</div>
Để thêm ảnh và link, các bạn cứ thêm thẻ
- Code:
<li>... </li>
(xem ở đoạn code trên)
Demo:
![»[FM] Code này sử dụng jQuery nhằm làm một slide chạy ảnh [hot] Inspir10](https://i.servimg.com/u/f34/15/44/78/93/inspir10.gif)
Admin so much!
