JQuery plugs & Question
- http://www.aptana.com/products/studio2/download linux win Eclipse plugs
- 修改Background-position
http://snook.ca/technical/jquery-bg/
<html>
<head>
<style type="text/css">
#Test{
width:150px;
height:40px;
background: #00FF00 url(a.png) no-repeat fixed -14px -15px;
}
</style>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#Test").hover(
function(){
$(this).html("Over");
$(this).css("background-position","-14px -15px").animate({backgroundPosition: "-14px -100px"});
},
function(){
$(this).html("Out");
$(this).css("background-position","-14px -100px").animate({backgroundPosition: "-14px -15px"});
}
);
});
</script>
</head>
<body>
<div id="Test">
HAAHAA
</div>
</body>
</html>
<head>
<style type="text/css">
#Test{
width:150px;
height:40px;
background: #00FF00 url(a.png) no-repeat fixed -14px -15px;
}
</style>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#Test").hover(
function(){
$(this).html("Over");
$(this).css("background-position","-14px -15px").animate({backgroundPosition: "-14px -100px"});
},
function(){
$(this).html("Out");
$(this).css("background-position","-14px -100px").animate({backgroundPosition: "-14px -15px"});
}
);
});
</script>
</head>
<body>
<div id="Test">
HAAHAA
</div>
</body>
</html>
- 背景动画
http://www.ajaxblender.com/script-sources/jani/demo/index.html
- 背景色切换
http://michael.flanagan.ie/work/snippits/accordion.html