`

Query选项卡注意

 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery选项卡</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
#bg {
position:absolute;
top:0px;
left:0px;
z-index:-999;
}
</style>
<script type="text/javascript" src="file:///C|/Documents and Settings/Administrator/桌面/jquery-1.7.2.min.js"> </script> 
<script type="text/javascript">
$(document).ready(function(){

$("#hello li").hover(function(){
     $(this).css("border","1px dashed #FD52AA");
alert($(this).index());
     },function(){
     $(this).css("border","0px outset #000"); 
  
  })
    });
</script>
</head>
<body id="background">
<div id="hello">
        <li>新闻1内容~~</li>
        <li>新闻2内容~~</li>
        <li>新闻3内容~~</li>
        <li>新闻4内容~~</li>
        <li>新闻5内容~~</li>
        <li>新闻6内容~~</li>
        <li>广告1内容~~</li>
     </div>
     <div id="hello">
        <li>新闻1内容~~</li>
        <li>新闻2内容~~</li>
        <li>新闻3内容~~</li>
        <li>新闻4内容~~</li>
        <li>新闻5内容~~</li>
        <li>新闻6内容~~</li>
        <li>广告1内容~~</li>
     </div>
</body>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics