Tự động cuộn lên bằng javascript-coder.awas.vn

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

Thành viên	Nội dung
dotnetvn dotnet.vn 72 bài	30-05-2009 03: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>
dotnetvn dotnet.vn 72 bài	30-05-2009 03: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 ); } };
dotnetvn dotnet.vn 72 bài	30-05-2009 03:21:58 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	01-06-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> ---

Chủ đề gần đây :

Cùng loại :