Jquery Slider Tin Tức - News Slider
Nói về jquery thì mình cũng chả rành lắm, đến từ jquery viết còn hay nhầm thì các bạn chắc cũng đoán được. Phần slider rip của gostep.info, các bạn có thể vào đó xem.
các bạn xem hình bên dưới.
CSS bên dưới ( mọi người tự căn chỉnh nhé !) và đặt nó trên thẻ </head>
<style>
ul#ticker {
font: "Helvetica,Arial";
height: 26px;
overflow: hidden;
text-align: right;
color: red;
font-size: 12px;
line-height: 28px;
background: #444;
}
ul#ticker strong,ul#ticker strong a {
color: green;
font-size: 10px;
padding-right: 5px;
text-transform: uppercase;
}
#ticker a {
text-decoration: none;
}
ul#ticker a {
color: white;
text-decoration: none;
}
ul, li {
list-style: none outside none;
}
ul#ticker .meta-comments a,.meta-sep,.meta-date{
color: #777777;
}
</style>
Bạn đạt Javascript nơi bạn muốn hiển thị:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://anhnc.googlecode.com/svn/trunk/p/news.js"></script>
<script src="/feeds/posts/default?max-results=12&orderby=published&alt=json-in-script&callback=news"></script>
Phần numberposts (12) có thể unlimit nhé ;))
Chúc các bạn thành công !
Theo fan dung
Xem DEMO
các bạn xem hình bên dưới.
CSS bên dưới ( mọi người tự căn chỉnh nhé !) và đặt nó trên thẻ </head>
<style>
ul#ticker {
font: "Helvetica,Arial";
height: 26px;
overflow: hidden;
text-align: right;
color: red;
font-size: 12px;
line-height: 28px;
background: #444;
}
ul#ticker strong,ul#ticker strong a {
color: green;
font-size: 10px;
padding-right: 5px;
text-transform: uppercase;
}
#ticker a {
text-decoration: none;
}
ul#ticker a {
color: white;
text-decoration: none;
}
ul, li {
list-style: none outside none;
}
ul#ticker .meta-comments a,.meta-sep,.meta-date{
color: #777777;
}
</style>
Bạn đạt Javascript nơi bạn muốn hiển thị:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://anhnc.googlecode.com/svn/trunk/p/news.js"></script>
<script src="/feeds/posts/default?max-results=12&orderby=published&alt=json-in-script&callback=news"></script>
Phần numberposts (12) có thể unlimit nhé ;))
Chúc các bạn thành công !
Theo fan dung
Đăng ký:
Đăng Nhận xét (Atom)
0 nhận xét: