<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript" src="js/jquery.js"></script>
</HEAD>
<style type="text/css">
.bg_1{
background-color:#cccccc;
.border_1
border:1px solid #cccccc;
.bg_2{
background-color:#ffffff;
ul li
list-style:none;
</style>
<script type="text/javascript">
$(document).ready(function(){
$(":text").addClass("bg_2");
$("#cc > li").addClass("border_1");
$("p").bind("click", function(){
alert( $(this).text() );
});
ablank();
textstyle();
movediv();
});
function ablank(){
$("a").bind("click", function(){
$(this).attr("target","_blank");
}
function textstyle()
//鼠标移动到text
$(":text").not($(":text[id]")).mousemove(function(){ //筛选掉有ID的
$(this).addClass("bg_1");
$(this).removeClass("bg_2");
//鼠标移出到text
$(":text").not($(":text[id]")).mouseout(function(){
$(this).addClass("bg_2");
$(this).removeClass("bg_1");
}
function movediv()
var i=0;
$("#cc > li").mousemove(function(){
if(i==0)
$(this).find("ul").fadeIn("slow");
$(this).find("ul").css("display","block");
i++;
$("#ss").val(i);
$("#l").css("width",i+"px");
$("#l").css("hight","10px;");
$("#l").css("background-color","#cccccc");
$("#cc > li").mouseout(function(){
$(this).find("ul").fadeOut("slow");
$(this).find("ul").css("display","none");
i=0;
}
</script>
<BODY>
<ul>
<li><input type="text" id="ss"/></li>
<li><input type="text" class=""/></li>
<li><input type="text" /></li>
<li><input type="text" /></li>
<li><input type="text" /></li>
<a href="">百度</a>
<div id="l">
</div>
<p>aaaaaaa</p>
<p>ccccccc</p>
<div>
<ul id="cc">
<li style="">11111<ul style="display:none"><li>22222</li><li>22222</li><li>22222</li></ul></li>
<li>11111<ul style="display:none"><li>22222</li><li>22222</li><li>22222</li></ul></li>
<li>11111</li>
</ul>
</div>
</BODY>
</HTML>