首页 > 其他 > 详细

光棒效果的几种方法

时间:2017-02-23 18:18:14      阅读:181      评论:0      收藏:0      [点我收藏+]
 // js方法光棒效果
		      /*   $(function(){
		         	
		         	var v=document.getElementsByTagName("li");
		         	
		         	for(var i=0; i<v.length;i++){
		         		
		         		v[i].onmouseover=function(){
		         		this.style.background="pink";
		         		};
		         		v[i].onmouseout=function(){
		         		this.style.background="";
		         		};
		         	};
		         	
		         }
		);*/
		
		                   //jq方法光棒效果
		          /*     $(function(){
		              	
		              	var v=$("li");
		              	v.mouseover(function(){
		              		
		              		
		              		$(this).css("background","pink");
		              		
		              	});
		              	
		              	v.mouseout(function(){
		              		
		              		
		              		$(this).css("background","");
		              		
		              	});
		              });*/
		             
		             $(function(){
		             	
		             	$("li").hover(
		             		function(){
		             			
		             			
		             				$(this).css("background","pink");
		             		},
		             		function(){
		             			
		             			
		             			$(this).css("background","");
		             			
		             		}
		             		
		             		
		             	);
		             	
		             	
		             	
		             	
		             });
		             
		

  

光棒效果的几种方法

原文:http://www.cnblogs.com/sunbin123/p/6434552.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!