Diễn đàn    Html DOM javascript CSS    Tự động cuộn lên bằng javascript

dotnet.vn

74  bài
30-5-2009 15:17:10
Mã cực kỳ đơn giản
--------------

<html>
<head>
<script type="text/javascript" src="rotator.js"></script>
</head>
<body>

<div class="example">
<ul id="lines">
<li>nguyen duc khanh</li>
<li>do van loc</li>
<li>pham hoang giang</li>
<li>nguyen tuan anh</li>
<li>truong van thuan</li>
<li>ngo hai anh</li>
<li>duong thu huong</li>
</ul>
</div>

<script type="text/javascript">
var lines = document.getElementById('lines');

var nodeRotator = new Rotator( lines.getElementsByTagName('li'), function( li, index ){
this.parentNode.insertBefore(li,this); //rotate (visually) the matched dom elements
});
setInterval(function(){nodeRotator.right();},700);
</script>
</body>
</html>
 

dotnet.vn

74  bài
30-5-2009 15:17:28
/**
* Rotator - Generic class to rotate different kind of collections.
* Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
* Dual licensed under MIT and GPL.
* Date: 2/20/2008
* @version 1.0.0
* http://flesler.blogspot.com/2007/10/jqueryscrollto.html
*/
;function Rotator( coll, setter, getter ){
this.collection( coll );
switch( typeof setter ){
case 'string': this.setter = function(v){ this[setter] = v; }; break;
case 'undefined': setter = Rotator.defaultSetter;
case 'function': this.setter = setter;
}
switch( typeof getter ){
case 'string': this.getter = function(){ return this[getter]; }; break;
case 'undefined': getter = Rotator.defaultGetter;
case 'function': this.getter = getter;
}
};

Rotator.toArray = function( obj ){
if( obj.split )
return obj.split('');
var arr = [], l = obj.length;
while(l--)
arr[l] = obj[l];
return arr;
};

Rotator.defaultGetter = function(){
return this;
};
Rotator.defaultSetter = function( value ){
return value;
};

Rotator.prototype = {
constructor:Rotator,
collection:function( c ){
if( c === undefined ) return this._c_;
this._c_ = Rotator.toArray(c);
},
_getValues:function(){
var values = [ ];
for( var i=0, l=this._c_.length; i < l; i++ )
values[ i ] = this.getter.call( this._c_[ i ], i );
return values;
},
_setValues:function( values ){
for( var i=0, l=values.length; i < l; i++ ){
var ret = this.setter.call( this._c_[ i ], values[ i ], i );
if( ret !== undefined )
this._c_[ i ] = ret;
}
},
left:function(){
var values = this._getValues();
values.push( values.shift() );
this._setValues( values );
},
right:function(){
var values = this._getValues();
values.unshift( values.pop() );
this._setValues( values );
}
};
 

dotnet.vn

74  bài

Ta đây thủy tinh, có tài gọi mưa hô gió ... Sơn Tinh ta đây : có tài là đốn gốc cây, đánh hốc cây ...

45  bài
1-6-2009 11:28:33
Cái của pác dotnetvn chỉ cuộn xuống, còn cuộn lên thì chết hẳn, em có đoạn này cả cuộn lên và cuộn xuống đều ngon lành.

------------
<html>
<head>
<title>Roll Up Down Using javascript</title>
<script type="text/javascript" src="rotator.js"></script>
</head>
<body>

<div class="example">
<ul id="lines">
<li>1. nguyen duc khanh</li>
<li>2. do van loc</li>
<li>3. pham hoang giang</li>
<li>4. nguyen tuan anh</li>
<li>5. truong van thuan</li>
<li>6. ngo hai anh</li>
<li>7. duong thu huong</li>
<li>8. nguyen tuan anh</li>
<li>9. truong van thuan</li>
<li>10. ngo hai anh</li>
<li>11. duong thu huong</li>
<li>12. truong van thuan</li>
<li>13. ngo hai anh</li>
<li>14. duong thu huong</li>
</ul>
</div>


<script type="text/javascript">

var lines = document.getElementById('lines');
var lists = lines.getElementsByTagName('li');
setInterval(function(){rollup(lists)},700);

function rollup(lists)
{
for (i = 0; i < lists.length-1; i++)
{
s = lists[ i ].innerHTML;
lists[ i ].innerHTML = lists[i+1].innerHTML
lists[i+1].innerHTML = s;
}
}

function rolldown(lists)
{
for (i = lists.length-1; i > 0; i--)
{
s = lists[ i ].innerHTML;
lists[ i ].innerHTML = lists[i-1].innerHTML
lists[i-1].innerHTML = s;
}
}

</script>
</body>
</html>
---
 
Tên file Mô tả chi tiết Ngày
NWeb.zip (1) Module đơn giản Newsweb trên Dotnetnuke v10.x.x.x10/18/2025 8:08:11 AM
vspforum.zip (11) Ma nguon vspforum ngay xua4/18/2023 6:38:37 AM
pdfjs.rar (2) pdfjs 2017 : hiển thị tốt trên iphone 11, 12, 13 không lỗi, bản 2012 sẽ lỗi trên iphone6/21/2022 11:52:48 AM
pdfjs2.rar (2) Xem file pdf bằng viewer.hml cua pdfjs (thư viện chuẩn mozilla) 2012. https://mozilla.github.io/pdf.js/getting_started/#download có thể download bản prebuild tại đây6/21/2022 11:52:04 AM
runner.zip (0) using three.js, orbitcontrol to view an object move random on map. Di chuyển 1 đồ vật ngẫu nhiên trên bản đồ, sử dụng với demo nhân viên di chuyển trong văn phòng. Toàn js download về là chạy12/5/2019 5:55:14 PM
gmap.zip (1) google map + marker7/17/2019 2:25:05 PM
vinsmarthomeservice.zip (1) java post json to api, use AsyncTask, event listener7/9/2019 5:00:10 PM
fblogin.zip (0) Login facebook bang javascript SDK7/9/2019 9:16:37 AM
autocomplete-location.zip (2) autocomplete location geo from google place, html + js7/4/2019 4:37:55 PM
WebAPI.zip (8) api for android access db (v1.0.0)7/4/2019 9:14:17 AM