Jquery input¿Ø¼þµÄCSS¿ØÖÆ
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="Zend Studio" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery test</title>
</head>
<style>
.lastp{border:2px solid $red;}
.firstp{color:red;}
.hignlight{background:gray;}
.dd{width:20px;height:20px;border:2px solid}
</style>
note£º jequery api º¯ÊýÇø·Ö´óСд
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("div.d1").fadeOut("slow");
$("p").filter(".ppp");
$("img.img1").attr(//Ϊָ֮¶¨ÔªËØ£¨×飩Ìí¼ÓÖ¸¶¨ÊôÐÔ(ÃûÖµ¶Ô·½Ê½)
{src:"http://docs.jquery.com/images/hat.gif",title:"http://docs.jquery.com/images/hat.gif",
alt:"jquery logo"}
)
var alt = $("img").attr("alt");//»ñÈ¡Ö¸¶¨ÔªËØ(×é)µÚÒ»¸öÔªËصÄaltÊôÐÔÖµ
// alert(alt);
$("img").attr('src','http://www.sinaimg.cn/home/07index/sinahome_ws_009.gif');//Ϊָ֮¶¨ÔªËØ£¨×飩Ìí¼ÓÖ¸¶¨ÊôÐÔ(ÃûÖµ¶Ô·½Ê½)
$("img").attr("title",function(){//Ö¸¶¨ÔªËصÄÊôÐÔÖµÓÃÒ»¸öº¯Êý·µ»ØµÄ½á¹û´úÌæ
return this.src;
})
$("img").removeAttr("title");//ÒƳýÖ¸¶¨ÔªËØÊôÐÔÖµ
$("p:last").addClass("lastp");//addclss Ϊָ¶¨ÔªËØÌí¼Óclass p£ºlast Ϊ×îºóÒ»¸öpÔªËØ
$("p:first").addClass('firstp');
$("p:last").removeClass();//ÒƳýÖ¸¶¨ÔªËØclass
$("p").toggleClass("highlight");//Ϊָ¶¨ÔªËØ
$("p").toggle(function(){//toggle() Ϊָ¶¨ÔªËØ°´clickÂÖ»»Ö´ÐÐÁ½¸öº¯Êý
$(this).addClass("hignlight");
},function(){
$(this).removeClass('hignlight')
})
$("p").click(function(){//html()Ϊָ¶¨ÔªËØ×·¼ÓÄÚÈÝ
var html = $("p").text();
$("p").html(html);
})
// $("div").eq(1).addClass("hignlight");//div °´Ë÷ÒýÌí¼ÓÀà
// $("div").text($("img").attr("title"));//Ϊָ¶¨ÔªËرêÇ©ÉèÖÃÄÚÈÝtext£¨£©Ó÷¨
var text = $("div").text();//»ñÈ¡ËùÓÐdiv±êÇ©ÔªËØÄÚÈÝ
var text = $("div.d1").text();//»ñÈ¡Ö¸¶¨classΪd1µÄdiv±êÇ©ÔªËØÄÚÈÝ
//
// $("p > a").hide();//Ò
Ïà¹ØÎĵµ£º
CSS:
<style type="text/css">
a{
color: #FFFF99;
text-decoration: none;
}
a:hover{
color: #FFFFFF;
text-decoration: underline;
}
#nav{
padding: 10px 10px 0;
font-size: 12px;
font-weight: bold;
margin: 1em 0 0;
......
CSSÂ˾µµÄʹÓ÷½·¨£ºfilter:filtername(parameters)¡¡¼´ filter:Â˾µÃû³Æ£¨²ÎÊý£©
alpha£ºÉèÖÃ͸Ã÷²ã´Î
blur£º´´½¨¸ßËÙ¶ÈÒƶ¯Ð§¹û£¬¼´Ä£ºýЧ¹û
chroma£ºÖÆ×÷רÓÃÑÕɫ͸Ã÷
DropShadow£º´´½¨¶ÔÏóµÄ¹Ì¶¨Ó°×Ó
FlipH£º´´½¨Ë®Æ½¾µÏñͼƬ
FlipV£º´´½¨´¹Ö±¾µÏñͼƬ
glow£º¼Ó¹â»ÔÔÚ¸½½ü¶ÔÏóµÄ±ßÍâ
gray£º°ÑͼƬ»Ò¶È»¯
inver ......
Alert{
backgroundColor: #2791DB;
headerColors:#2791DB,#2791DB;
borderThicknessLeft:0;
borderThicknessRight:0;
borderThicknessTop:0;
font-size:14;
buttonStyleName: myCustomButtonStyleName;
}
.myCus ......
ninjacontent×é¼þÔÚÎÒµÄÍøÕ¾ÉÏÏÔʾ²»Õý³££¬ÏëÐÞ¸ÄËüµÄCSSʹÆäÕý³££¬¿ÉÊÇÔõôҲÕÒ²»µ½ËüµÄCSSµÄλÖã¬ÏÖÔÚÖÕÓÚÕÒµ½ÁË£¬ÌØ°ÑËü¼Ç¼ÏÂÀ´£¬ÒÔ±¸ÓÐÓöµ½¸úÎÒÒ»ÑùÎÊÌâµÄÈ˲鿴¡£
CSSλÖãºÍøÕ¾¸ùĿ¼\media\com_ninjacontent\css\Ŀ¼Ï¡£ ......