| Thành viên | Nội dung |
dotnetvn
dotnet.vn
72 bài
| 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>
|
dotnetvn
dotnet.vn
72 bài
| /**
* 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 );
}
};
|
dotnetvn
dotnet.vn
72 bài
| http://coder.awas.vn/downloads.ashx?id=3cc667eb4d3f4a268fa28f62394a8b1e
link download
---
|
radiogaga
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 ...
44 bài
| 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>
---
|
 |