js收藏

苏醄 — Fri, 09 Nov 2007 07:56:00 GMT

1. oncontextmenu="window.event.returnvalue=false" ��彻底屏蔽鼠标右�?

可用于Table 2.

取消选取、防止复�? 3. onpaste="return false" 不准�_�脓(chu��ng) 4. oncopy="return false;" oncut="return false;" 防止复制 5. IE地址栏前换成自己的图�? 6. 可以在收藏夹中显�C�出你的图标 7. 关闭输入�? 8. 永远都会带着框架 9. 防止被�hframe 10. �|�页��不能被另存�? [-NextPage-] 11. 12.删除时确�? �? �?/a> 13. 取得控�g的绝对位�|? //javascript //VBScript 14. 光标是停在文本框文字的最�? 15. 判断上一��늚�来源 javascript: document.referrer 16. 最��化、最大化、关闭窗�? 本例适用于IE 17.屏蔽功能键Shift,Alt,Ctrl 18. �|�页不会被缓�? 或�?META HTTP-EQUIV="expires" CONTENT="0"> 19.怎样让表单没有凹凸感�Q? �? 20.

&的区别？

(division)用来定义大段的页面元素，会��生�{�? 用来定义同一行内的元素，�?div>的唯一区别是不产生转行是ns的标讎ͼ�ie不支持，相当�?div> [-NextPage-] 21.让弹出窗口��L��在最上面: 22.不要滚动�? 让竖条没�? 让横条没�? 两个都去掉？更简单了 23.怎样��L��囄��链接点击后，囄��周围的虚�U�？ 24.�?sh��)子邮�g处理提交表单 25.在打开的子�H�口��h��父窗口的代码里如何写�Q? window.opener.location.reload() 26.如何讑֮�打开��面的大��? 打开��面的位�|?body onload="top.moveBy(300,200);"> 27.在页面中如何加入不是满铺的背景图�?拉动��面时背景图不动 28. ��查一�D�字�W�串是否全由数字�l�成 29. 获得一个窗口的大小 document.body.clientWidth; document.body.clientHeight 30. 怎么判断是否是字�W? if (/[^/x00-/xff]/g.test(s)) alert("含有汉字"; else alert("全是字符"; [-NextPage-] 31.TEXTAREA自适应文字行数的多��? 32. 日期减去天数�{�于�W�二个日�? 33. 选择了哪一个Radio style Barcode 34.脚本�怸�出错 35.ENTER键可以让光标�U�d��下一个输入框 36. ��某个网站的链接速度�Q? 把如下代码加�?body>区域�? 37. 各种样式的光�? auto �Q�标准光�? default �Q�标准箭�? hand �Q�手形光�? wait �Q�等待光�? text �Q�I形光�? vertical-text �Q�水�q�I形光�? no-drop �Q�不可拖动光�? not-allowed �Q�无效光�? help �Q?帮助光标 all-scroll �Q�三角方向标 move �Q�移动标 crosshair �Q�十字标 e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize 38.��面�q�入和退出的�Ҏ(gu��)�� q�入��面推出��面 �q�个是页面被载入和调出时的一些特效。Duration表示�Ҏ(gu��)��的持�l�时��_��以秒为单位。Transition表示�? 用哪�U�特效，取��gؓ1-23: 　　0 矩�Ş�~�小　　1 矩�Ş扩大　　2 圆�Ş�~�小　　3 圆�Ş扩大　　4 下到上刷�? 　　5 上到下刷�? 　　6 左到叛_��? 　　7 叛_��左刷�? 　　8 竖百叶窗　　9 横百叶窗　　10 错位横百叶窗　　11 错位竖百叶窗　　12 �Ҏ(gu��)��? 　　13 左右��C��间刷�? 　　14 中间到左叛_��? 　　15 中间��C��? 　　16 上下��C��? 　　17 右下到左�? 　　18 右上到左�? 　　19 左上到右�? 　　20 左下到右�? 　　21 横条　　22 竖条　　23 以上22�U�随机选择一�U? 39.在规定时间内跌��{ 40.�|�页是否被检�? 42.怎样实现在�Q务栏昄��图标的效果�Q?(要��用绝对地址) 有些站点�Q�访问时会在地址栏地址前显出小图标�Q�添加到收藏夹后也在收藏栏中昄��图标�Q? �q�样很好的与其它站点有了区别�? 要达到这个效果，先需做出�q�个图标文�g�Q�图像�ؓ16*16像素�Q�不要超�q?6艌Ӏ�文件格式�ؓico�Q�然后上传至你的�|�站�? 然后�Q�在需要的��面中，加上以下html语句到文件的�?/head>之间�Q�假设以上ico文�g的地址http://happyisland.126.com/icon.ico�Q��? _fcksavedurl=""http:///happyisland.126.com/icon.ico";>" 如果讉K��者的��览器是IE5.0�Q�就不需加�Q何代码，只要��图标文件上传到�|�站的根目录下即可�? 1,META标签里的代码是什么意思？是放�?HEAD>�?/HEAD>之间的标�?以下是我�ȝ��它在�|�页中最常见的几�U��? 该网��늚�关键字，作用于搜索引擎的��d��Q�事实上它在现在的网站中�q�没什么用�? 讑֮��q�是 HTML 文�g及其�~�码语系�Q�简体中文网��用charset=gb2312�Q�繁体中文��用charset=big5�Q�或者不讄��码也可，�U�英文网��徏议��?iso-8859-1�? �q�只表示该网��는�什么编辑器写的�? �q�行较�ؓ实用�Q�能于预定秒数内自动转到指定�|�址。原代码�?10 表示 10�U��? 2�Q�怎么改变滚动条的颜色�Q�只有ie5.5版本以上才能支持�? �q�是使用CSS语言�Q�在�ơ说明一下，它和我的��览器版本有一定的关系�? scrollbar-arrow-color�Q�上下按钮上三角��头的颜艌Ӏ? scrollbar-base-color�Q�滚动条的基本颜艌Ӏ? scrollbar-dark-shadow-color�Q�立体滚动条强阴��q��颜色 scrollbar-face-color�Q�立体滚动条凸出部分的颜�? scrollbar-highlight-color�Q�滚动条�I�白部分的颜�? scrollbar-shadow-color立体滚动条阴��q��颜色�? scrollbar-track-color:#99CC33; scrollbar-3dlight-color:#A8CBF1; 代码如下�Q? 在这我补充几点： 1.让浏览器�H�口永远都不出现滚动条�? �?body style="overflow:hidden"> �?body scroll=no> 2�Q�没有水�q�x��动条 3�Q�没有垂直滚动条 3,如何�l�图片抖动怎做�? 4�Q�在DW如何�l�水�q�线加颜艌Ӏ? 在DW中没有此��设�|�，你只能在HTML中加入代码：

按F12的预览在能看到。由于在NC中不支持

的COLOR属性，所以在DW中没有此��设�|��? 　　　 5�Q�如何在�|�页中实现flash的全屏播放？只要在调用swf文�g的HTML中将WIDTH和HEIGHT的参数设�?00�Q�即可，当然也可以在Flash导出HTML文�g的设�|�中�q�行讄��Q�方法是�Q�打开File菜单�Q�选Publish Settings弹出导出讄��对话框；在HTML标签下的Dimensions选项,下拉后选中Percent�Q�百分比�Q?�q�在WIDTH 和HEIGHT框中�?00.��p��了�? 6,��Z��么我在DW中插入的Flash动画�~�看不找�Q? 如果你没有正��地安装Dreamweaver和Flash�Q�那么在你预览的时候，Dreamweaver会提�C�Z��~�少播放的插�Ӟ��请你按装InstallAXFlash.exe �q�从新启动计��机。现在IE6已经捆绑�q�个�E�序�? 7�Q�在Flash中，如果屏蔽鼠标右键?FS命��o都是什么意�? fscommand ("fullscreen", "true/false";�Q�全屏设�|�，TRUE开�Q�FALSE养I�� fscommand ("showmenu", "true/false";�Q�右键菜单设�|�，TRUE昄��Q�FALSE不显�C�） fscommand ("allowscale", "true/false";�Q�羃放设�|�，TRUE自由�~�放�Q�FALSE调整画面不媄响媄片本�w�的��寸�Q? fscommand ("trapallkeys", "true/false";�Q�快捷键讄��Q�TRUE快捷键开�Q�FALSE快捷键关�Q? fscommand ("exec";�Q�EXE�E�序调用�Q? fscommand ("quit";�Q�退出关闭窗口） 8�Q�Flash中什么是隐�Ş按钮�? 利用button中的hit帧来制作只有感应区域而完全透明的按钮�? 9�Q�如何给Flash动画做链接�? Dreamweaver是不能给Flash制作链接的，只能在Flash中用geturl()加链接，然后再插入Dreamweaver中�? 10�Q�DW中的层的技巧�? 层是可以嵌套的，我个人给大家一个技巧，在层面板中按住CTRL再拖攑ֱ��C��惛_��成�ؓ其子层的地方��p��了，我认��是最��单直观的�Ҏ(gu��)��了�? 11�Q�如何改变鼠标的形状�Q? 在Dreamweaver4中CSS样式面板�Q? 按CTR +SHIFT+E--出现样式表对话框,点击NEW�Q�出现编辑对话框,在左�Ҏ(gu��)��后一��extensions-cursor 选择你要改的指针形式��可以了�Q�然后把你要��x��变的地方�q�用样式表，如果整页都有�?body bgcolor="#003063" text="#ffffff" id=all>中加入就行了�? [-NextPage-] 13�Q�经�怸��|�的朋友可能会到�q�这样一些网站，一�q�入首页立刻会弹��Z��个窗口，怎么做呢�Q? �q�javascript代码卛_��实现�Q�摘录蓝色论坛�? �?、最基本的弹出窗口代码�? 其实代码非常��单：因�ؓ着是一�D�javascripts代码�Q�所以它们应该放�?SCRIPT LANGUAGE="javascript">标签�?/script>之间�?!-- �?-->是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作�ؓ文本昄��出来。要��L��q�个好习惯啊�? window.open (`page.html`) 用于控制弹出新的�H�口page.html�Q�如果page.html不与�ȝ��口在同一路径下，前面应写明�\径，�l�对路径(http://)和相对�\�?../)均可。用单引号和双引号都可以�Q�只是不要�؜用�? �q�一�D�代码可以加入HTML的�Q意位�|�，�?/head>之间可以�Q?body bgcolor="#003063" text="#ffffff" id=all>�?/body>也可以，��前��早执行�Q�尤其是��面代码长，又想佉K��面早点弹出就��量往前放�? �?、经�q�设�|�后的弹出窗口�? 下面再说一说弹出窗口的讄��。只要再往上面的代码中加一点东西就可以了�? 我们来定制这个弹出的�H�口的外观，��寸大小�Q�弹出的位置以适应该页面的具体情况�? 参数解释�Q? js脚本�l�束 �?、用函数控制弹出�H�口�? 下面是一个完整的代码�? …��L��的页面内�?#8230; �q�里定义了一个函数openwin(),函数内容��是打开一个窗口。在调用它之前没有�Q何用途�? 怎么调用呢？ �Ҏ(gu��)��一�Q?body onload="openwin()"> ��览器读��面时弹出窗口； �Ҏ(gu��)��二： ��览器离开��面时弹出窗口； �Ҏ(gu��)��三：用一个连接调用：打开一个窗�?/a> 注意�Q��用的“#”是虚�q�接�? �Ҏ(gu��)��四：用一个按钮调用： 14�Q�没有用表格写的�Q�让大家随便看看�Q�没什么�? 江南药��扇面

盛夏　　　　　　��　涛　

一夜露痕黄�_�香　袁运�?

瑶池昨夜新凉　　王金�?

一�늙�莲随意开　吴冠�?

新雨�q�秋�Ʋ满塘　齐辛�?

十里荷香　　　　齐辛�?

�ȯ清莲而不妖　　卢世�?

15,IE6已支持自定义cursor! 语法格式 cursor:url(图标) //cur或是ani文�g. cur��是WINDOWS中的光标(cursor)文�g�Q�光标文件与图标�Q�ICON)文�g除了文�g头有一个位�|�的��g��同外�Q�实际是一��L��? ani是WINDOWS中的动画光标�Q�图标）文�g�? 16,用marquee做的滚动字幕.�q�也我刚看到论坛的朋友在问�? 语法�Q? align=# | top | middle| bottom //寚w��方式) BEHAVIOR=AlterNATE | SCROLL | SLIDE //�U�d��的方�? BGCOLOR=color//底色区域颜色 DIRECTION=DOWN | LEFT | RIGHT | UP //�U�d��的方�? Loop=n //循环�ơ数�Q�默认是循环不止�Q? Scrolldelay=milliseconds//延时 height=# width=# //区域面积 hspace=# vspace=# //�I�白区域 scrollamount=# //�U�d��的速度 17�Q�在FLASH5中也存在一些字体，打散后变成一团的事是��Z��么？有解决的办法吗�? �q�是大家很常见的问题�Q�可能是对字库支持的不好�Q�我个是做成透明的gif囄��格式�Q�然后倒入�? 18�Q�flash的网��里“加入收藏�?#8221;功能怎么实现�Q? 在as中加getUrl("java script:window.external.addFavorite(http://skydesigner.51.net`,`我的工作室`)" 19�Q�在Flash中，文本的动态属性和输入属性的区别�? input text在运行时可被用户或程序改变其倹{�? ynamic text仅允许被�E�序修改�? 20,怎样在IE中调用Dreamweaver�q�行�~�辑. �怿�很多在��用WinME或Window2000的朋友，会遇见是个问题。很��单，把我们笔记本�E�序打开�Q�保存�ؓ一�?*.reg 文�g。双��d��?y��u)��信息添加到注册表即可�? REGEDIT4 [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver] [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell] [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit] [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command] @="\"c:\\Program Files\\Macromedia\\Dreamweaver 4\\dreamweaver.exe\" \"%1\"" 21�Q�设�|�表��D��Uѝ�? �Ҏ(gu��)��一�Q�作一�?X2的图。半黑半白，再利用表��g��成线�? �Ҏ(gu��)��二：在css里面设，要IE5�?才支持这�U�效果�? style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED" 22,看看在网��中调用HHCtrl控�g效果�? 代码如下�Q? < script>HHC.TextPopup("哈哈,大家�?我是闪梦!","",50,5,128255,346751);< /script> 22�Q�如何让一张图片有��到��q��渐变�? 23,双击鼠标左键来滚动背景，单击停止�? 24,如何在同一��面讄��不同文字链接效果的样�? 代码如下�Q? 如何在同一��面讄��不同文字链接效果的样�?/TITLE> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css">  </style> </head> <body bgcolor="#FFFFFF" text="#000000"> <a href="#">下划�U�K��?_fcksavedurl=""#">下划�U�K��? </a> <p> </p> <a href="#" class="r1">双下划线链接</a> </BODY> </HTML> 补充说明�Q? a:hover 表示鼠标划过时的样式. a:link 表示链接的样�? a:active 表示当前�z�d��q�接的样�? a:visited 表示已经讉K��q�的�q�接的样�? 25, 用CSS�l�文字加入阴影效果和文字描边效果�? .glow{FONT-SIZE: 9pt; FILTER: Glow(Color=#000000, Strength=1)} //文字描边效果 .shadow {FONT-SIZE: 9pt; FILTER: DropShadow(OffX=1, OffY=1, DropShadow(OffX=1, OffY=1, color:#111111); COLOR: #ffffff; FONT-FAMILY: "宋体"} //加入阴媄效果补充说明�Q? 　　�q�两�U��o镜要惛_��现效果，必须加在如：<td class=glow或shadow ><div>xxxxxxxxx</div></td>�? �Q��ƈ且要留有��_��的空间能够显�C�阴影或描边�Q�否则会出现半截的阴影或描边现象�? [-NextPage-] 26,如何�l�做带颜色的下拉菜单�? <select style="FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana;BACKGROUND-COLOR: #ff6600;" size=1 > <option selected>:: Dreamweaver4 ::</option> <option>::Flash5::</option> <option>::Firewoks4::</option> </select> 27,关于DW4的表��g��的亮�Ҏ(gu��)��和暗�Ҏ(gu��)��问题�? 在DW4的表格面板中�q�没有亮�Ҏ(gu��)��和暗�Ҏ(gu��)��的属性设�|�，因�ؓNC不支�?只有你在代码中添加了�? bordercolorlight="#999999" bordercolordark="#000000" 　　你也可以用Css定义一个class。例如： <style> .bordercolor { bordercolorlight: #999999; bordercolordark: #000000 } </style> 　　然后在要加效果的表格里加�?table class="bordercolor"> 28,自动昄��主页最后更新日�? <script> document.write("最后更新日期："+document.lastModified+"" </script> 29,如何让滚动条出现在左边？我想居然在论坛中有�h发表了这�D�代码，很有意思，它的��照��一些左撇子�Q�呵呵！ <html dir="rtl"> <body bgcolor="#000000" text="#FFFFFF"> <table height=18 width=212 align=center bgcolor=#FFFFFF dir="ltr" cellspacing="1" 　cellpadding="0"> <tr> <td bgcolor="#FF0000" >是不是你的滚动条在左边啊</td> </tr> </table> </body> </html> 30,如何加入�|�址前面的小图标�Q? 　　首先,�(zh��n)�必��M��解所谓的图标�Q�Icon�Q�是一�U�特�D�的囑�Ş文�g格式�Q�它是以 .ico 作�ؓ扩展名。你可用在网上找一个制作图标��Y�Ӟ��它具有特有的规格�Q�图标的大小�?16 * 16�Q�以像素为单位）�Q�颜色不得超�q?16 艌Ӏ�在该网��|��件的 HEAD 部分加入下面的内容：<LINK REL="SHORTCUT ICON" HREF=" http://skydesigner.51.net/图标文�g�?>,�q�放在该�|�页的根目录下�? 31,�?00*600昄��器中�Q�如何不让网��|��q�_��现滚动条�Q? 设至<body leftmargin="0" topmargin="0">�Q�网��中的表格宽度�ؓ778�? 32,关于<!DOTYPE>的说明解释�? 在网��中�Q�经�怼�看到�?DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`>�Q�是声明HTML文�g的版本信息�? 33, 用图片来关闭�H�体. <A href="java _fcksavedurl=""java" script:window.close()"></A> 补充说明�Q�如何��用了ACTIVEX�Q?不再警告�H�口�Q? <html> <head> <param name="Command" value="Close" /></object> </head> <body bgcolor="#003063" text="#ffffff" id=all> <a href="#" onclick="closes.Click();">关闭�H�口无提�C?/a> </body> </html> 34,��止鼠标右键查看�|�页源代码�? <SCRIPT language=javascript> function click() {if (event.button==2) {alert(`你好,�Ƣ迎光��Q�`) }} document.onmousedown=click </SCRIPT> 补充说明�Q? 鼠标完全被封�?可以屏蔽鼠标右键和网��|��字�? < body oncontextmenu="return false" ondragstart="return false" onselectstart="return false"> 35,通过按钮来查看网��|��代码�? <input type="BUTTON" value="查看源代�? onClick= `window.location = "view-source:" + window.location.href` name="BUTTON" /> 36,怎么用文字联�l�实现按钮的SUBMIT功能�Q? <a href="#" onclick="formname.submit()">OK</a> �q�段文字要放在form里。formname是这里要写在form中的name,<form name=form111>那么��应该是form111.submit() 37,如何做一个空链接�Q? �? 38,利用来给�|�页中插入网��c�? 　　�l�常我看到很多网��中又有一个网��，�q�以为是用了框架�Q�其实不�Ӟ��是用�?IFRAME>,它只适用于IE�Q�NS可是不支�? IFRAME>的，但围着的字句只有在��览器不支援 iframe 标记时才会显�C�，�?noframes>一��P��可以放些提醒字句之类的话�? 你注意啊�Q�下面请和我学习它的用法�? 分析代码�Q?iframe src="iframe.html" name="test" align="center" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> </iframe> 　　src="iframe.html" 　　用来昄��中的�|�页来源�Q�必要加上相�Ҏ(gu��)��l�对路径�? 　　name="test" 　　�q�是�q�结标记�?target 参数所需要的�? 　　align="MIDDLE" 　　可选��gؓ left, right, top, middle, bottom�Q�作用不�?�? 　　width="300" height="100" 　　框窗的宽及长�Q�以 pixels 为单位�? 　　marginwidth="1" marginheight="1" 　　该插入的文�g与框�Ҏ(gu��)��保留的空间�? 　　frameborder="1" 　　使用 1 表示昄��Ҏ(gu��)��Q?0 则不昄��。（可以�?yes �?no�Q? 　　scrolling="Yes" 　　使用 Yes 表示容许卷动�Q�内定）�Q?No 则不容许卷动�? 39,请问�Q�tbody�Q�的用法�Q? tbody用法据说是加强对表格的控制能力的.例如�Q? 　<table><tbody>……..</tbody></table> 　　tbody代码如果不是你用手写的话,只有在你用IE5打开一个网��늚�时候，把它另存�? 一下，你的另存为的文�g在表��g��׃��生成tbody代码�?即便你的表格�Ҏ(gu��)��没�? tbody代码�Q�IE5另存为的时候也会给你生�?�? 40,Alt和Title都是提示性语�a�标签�Q�请注意它们之间的区别�? 　　在我们浏览网��|��Q�当鼠标停留在图片对象或文字链接上时�Q�在鼠标的右下角有时会出��C��个提�C�Z��息框。对目标�q�行一定的注释说明。在一些场合，它的作用是很重要的�? alt 用来�l�图片来提示的。Title用来�l�链接文字或普通文字提�C�的�? 用法如下�Q? 　　　<p Title="�l�链接文字提�C?>文字</p> 　　　<a href="#" Title="�l�链接文字提�C?>文字</a> 　　　补充知识�Q?TITLE><ALT>里面如何多行换行�Q�在源代码里Enter回�R�? <a href="#" Title="个�h��? 姓名�Q�张�? �|�名�Q�我是闪�? 性别�Q�男的，不是女的�? 爱好�Q�网��制作，软�g开�?>个�h��?/a> 例如�Q�个人简�? 41, 用javascript代码来实现闪烁按钮�? <body> <form method="POST" action="--WEBBOT-SELF--"> <input type="button" name=SUB value="闪烁" id=flashit style="BORDER: 1px solid ;BACKGROUND-COLOR: #FFFFFF" /> </form> <script> if (document.all&&document.all.flashit) { var flashelement=document.all.flashit if (flashelement.length==null) flashelement[0]=document.all.flashit function changecolor(which) { if (flashelement[which].style.color==`#800000`) flashelement[which].style.color="#0063A4" else flashelement[which].style.color="#800000" } if (flashelement.length==null) setInterval("changecolor(0)",1000) else for (i=0;i<flashelement.length;i++) { var tempvariable=`setInterval("changecolor(`+i+`)",`+`1000)` eval(tempvariable) } } </script> <footer> <div class="friendship-link"> <a href="http://www.aygfsteel.com/" title="狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频">狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频</a> </div> </footer> ��վ֩��ģ�壺 <a href="http://" target="_blank">��ˮ��</a>| <a href="http://" target="_blank">̨��</a>| <a href="http://" target="_blank">��ǿ��</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">â��</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">ʯ��</a>| <a href="http://" target="_blank">ͩ��</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">��ɽ��</a>| <a href="http://" target="_blank">��ĩ��</a>| <a href="http://" target="_blank">��Դ��</a>| <a href="http://" target="_blank">¬��</a>| <a href="http://" target="_blank">˾��</a>| <a href="http://" target="_blank">º��</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">�żҽ��</a>| <a href="http://" target="_blank">�Ҷ��</a>| <a href="http://" target="_blank">��Ϫ��</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">��ͷ��</a>| <a href="http://" target="_blank">̨��</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">�ϻ��</a>| <a href="http://" target="_blank">��ָɽ��</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">�κ��</a>| <a href="http://" target="_blank">�ɾ��</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">��͡��</a>| <a href="http://" target="_blank">ɳ��</a>| <a href="http://" target="_blank">��ƽ��</a>| <a href="http://" target="_blank">��ˮ</a>| <a href="http://" target="_blank">��</a>| <a href="http://" target="_blank">¤��</a>| <a href="http://" target="_blank">̨��</a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="5djl5" class="pl_css_ganrao" style="display: none;"><ol id="5djl5"></ol><p id="5djl5"></p><sub id="5djl5"><i id="5djl5"></i></sub><em id="5djl5"><meter id="5djl5"><span id="5djl5"><i id="5djl5"></i></span></meter></em><sub id="5djl5"></sub><tt id="5djl5"><mark id="5djl5"></mark></tt><optgroup id="5djl5"><ruby id="5djl5"><tt id="5djl5"><big id="5djl5"></big></tt></ruby></optgroup><b id="5djl5"><progress id="5djl5"></progress></b><dfn id="5djl5"><b id="5djl5"></b></dfn><b id="5djl5"><progress id="5djl5"><acronym id="5djl5"><legend id="5djl5"></legend></acronym></progress></b><sup id="5djl5"><style id="5djl5"></style></sup><dl id="5djl5"></dl><output id="5djl5"><sub id="5djl5"><thead id="5djl5"><label id="5djl5"></label></thead></sub></output><meter id="5djl5"><pre id="5djl5"></pre></meter><form id="5djl5"><legend id="5djl5"></legend></form><label id="5djl5"><strong id="5djl5"><ruby id="5djl5"><thead id="5djl5"></thead></ruby></strong></label><dl id="5djl5"></dl><strong id="5djl5"></strong><b id="5djl5"></b><strike id="5djl5"></strike><form id="5djl5"><p id="5djl5"></p></form><strong id="5djl5"></strong><legend id="5djl5"><var id="5djl5"><u id="5djl5"><ins id="5djl5"></ins></u></var></legend><em id="5djl5"></em><sub id="5djl5"></sub><ins id="5djl5"></ins><p id="5djl5"><var id="5djl5"></var></p><em id="5djl5"></em><th id="5djl5"><u id="5djl5"></u></th><output id="5djl5"><span id="5djl5"><strike id="5djl5"><listing id="5djl5"></listing></strike></span></output><ins id="5djl5"><address id="5djl5"><p id="5djl5"><sup id="5djl5"></sup></p></address></ins><form id="5djl5"><rp id="5djl5"></rp></form><font id="5djl5"></font><tt id="5djl5"><progress id="5djl5"><acronym id="5djl5"><legend id="5djl5"></legend></acronym></progress></tt><div id="5djl5"><pre id="5djl5"></pre></div><listing id="5djl5"><dfn id="5djl5"></dfn></listing><i id="5djl5"><listing id="5djl5"><dfn id="5djl5"><output id="5djl5"></output></dfn></listing></i><pre id="5djl5"><i id="5djl5"><strong id="5djl5"><optgroup id="5djl5"></optgroup></strong></i></pre><address id="5djl5"></address><big id="5djl5"><acronym id="5djl5"></acronym></big><u id="5djl5"><mark id="5djl5"><form id="5djl5"><p id="5djl5"></p></form></mark></u><strong id="5djl5"><track id="5djl5"></track></strong><em id="5djl5"><meter id="5djl5"></meter></em><small id="5djl5"><output id="5djl5"></output></small><label id="5djl5"><nobr id="5djl5"><small id="5djl5"><menuitem id="5djl5"></menuitem></small></nobr></label><ol id="5djl5"><i id="5djl5"></i></ol><form id="5djl5"><legend id="5djl5"><th id="5djl5"><u id="5djl5"></u></th></legend></form><progress id="5djl5"><form id="5djl5"><p id="5djl5"><var id="5djl5"></var></p></form></progress><i id="5djl5"><strong id="5djl5"><dfn id="5djl5"><output id="5djl5"></output></dfn></strong></i><tt id="5djl5"><progress id="5djl5"></progress></tt><var id="5djl5"><form id="5djl5"><ins id="5djl5"><font id="5djl5"></font></ins></form></var><output id="5djl5"><span id="5djl5"><thead id="5djl5"><label id="5djl5"></label></thead></span></output><listing id="5djl5"><dfn id="5djl5"><output id="5djl5"><thead id="5djl5"></thead></output></dfn></listing><var id="5djl5"><form id="5djl5"><rp id="5djl5"><address id="5djl5"></address></rp></form></var><span id="5djl5"></span><track id="5djl5"><tt id="5djl5"><big id="5djl5"><acronym id="5djl5"></acronym></big></tt></track><sup id="5djl5"><form id="5djl5"><em id="5djl5"></em></video></form></sup><ins id="5djl5"></ins><menuitem id="5djl5"><pre id="5djl5"><strike id="5djl5"><strong id="5djl5"></strong></strike></pre></menuitem><em id="5djl5"><meter id="5djl5"><ol id="5djl5"><i id="5djl5"></i></ol></meter></em><dfn id="5djl5"></dfn><progress id="5djl5"></progress><i id="5djl5"><listing id="5djl5"></listing></i><rp id="5djl5"></rp><pre id="5djl5"><style id="5djl5"><nobr id="5djl5"><small id="5djl5"></small></nobr></style></pre><small id="5djl5"><meter id="5djl5"><pre id="5djl5"></pre></meter></small></video><font id="5djl5"><div id="5djl5"><ol id="5djl5"></ol></div></font></video><rp id="5djl5"><em id="5djl5"></em></rp><sup id="5djl5"><label id="5djl5"></label></sup><ol id="5djl5"></ol><address id="5djl5"><legend id="5djl5"></legend></address><output id="5djl5"><span id="5djl5"><strike id="5djl5"><strong id="5djl5"></strong></strike></span></output><acronym id="5djl5"></acronym><dfn id="5djl5"></dfn><em id="5djl5"><meter id="5djl5"></meter></em><b id="5djl5"><mark id="5djl5"><form id="5djl5"><p id="5djl5"></p></form></mark></b><thead id="5djl5"><label id="5djl5"><pre id="5djl5"><track id="5djl5"></track></pre></label></thead><form id="5djl5"><legend id="5djl5"><sup id="5djl5"><form id="5djl5"></form></sup></legend></form><b id="5djl5"><mark id="5djl5"><form id="5djl5"><legend id="5djl5"></legend></form></mark></b><output id="5djl5"><sub id="5djl5"></sub></output><b id="5djl5"><ins id="5djl5"></ins></b><legend id="5djl5"><dfn id="5djl5"><b id="5djl5"><ins id="5djl5"></ins></b></dfn></legend><label id="5djl5"><nobr id="5djl5"></nobr></label><label id="5djl5"></label><b id="5djl5"><ins id="5djl5"></ins></b><tt id="5djl5"><mark id="5djl5"></mark></tt><progress id="5djl5"><acronym id="5djl5"><legend id="5djl5"><dfn id="5djl5"></dfn></legend></acronym></progress><sup id="5djl5"><label id="5djl5"><font id="5djl5"></font></video></label></sup><dfn id="5djl5"></dfn><span id="5djl5"></span><sub id="5djl5"><thead id="5djl5"></thead></sub><sub id="5djl5"></sub><legend id="5djl5"><dfn id="5djl5"><u id="5djl5"><mark id="5djl5"></mark></u></dfn></legend><pre id="5djl5"></pre><form id="5djl5"><rp id="5djl5"><address id="5djl5"><div id="5djl5"></div></address></rp></form><address id="5djl5"></address><sup id="5djl5"></sup><tt id="5djl5"><progress id="5djl5"><acronym id="5djl5"><legend id="5djl5"></legend></acronym></progress></tt><small id="5djl5"></small></video><span id="5djl5"></span><sup id="5djl5"><label id="5djl5"></label></sup><u id="5djl5"><ins id="5djl5"><address id="5djl5"><p id="5djl5"></p></address></ins></u><strike id="5djl5"><strong id="5djl5"></strong></strike><legend id="5djl5"><var id="5djl5"><form id="5djl5"><rp id="5djl5"></rp></form></var></legend><font id="5djl5"><div id="5djl5"><ol id="5djl5"><style id="5djl5"></style></ol></div></font><th id="5djl5"><u id="5djl5"><mark id="5djl5"><address id="5djl5"></address></mark></u></th><output id="5djl5"></output><ins id="5djl5"><font id="5djl5"><legend id="5djl5"><sup id="5djl5"></sup></legend></font></ins><address id="5djl5"><legend id="5djl5"></legend></address><strong id="5djl5"></strong><mark id="5djl5"><form id="5djl5"><p id="5djl5"><var id="5djl5"></var></p></form></mark><p id="5djl5"></p><address id="5djl5"></address><dfn id="5djl5"></dfn><th id="5djl5"></th><legend id="5djl5"></legend><form id="5djl5"></form><thead id="5djl5"><label id="5djl5"></label></thead><small id="5djl5"><menuitem id="5djl5"><span id="5djl5"><strike id="5djl5"></strike></span></menuitem></small><output id="5djl5"><sub id="5djl5"></sub></output><var id="5djl5"><form id="5djl5"></form></var><dl id="5djl5"><pre id="5djl5"></pre></dl><p id="5djl5"></p><meter id="5djl5"><pre id="5djl5"></pre></meter><form id="5djl5"><rp id="5djl5"></rp></form><p id="5djl5"><var id="5djl5"></var></p><progress id="5djl5"><dl id="5djl5"></dl></progress><big id="5djl5"><acronym id="5djl5"><pre id="5djl5"><dfn id="5djl5"></dfn></pre></acronym></big><b id="5djl5"></b><listing id="5djl5"></listing><div id="5djl5"><ol id="5djl5"><i id="5djl5"><nobr id="5djl5"></nobr></i></ol></div><track id="5djl5"><tt id="5djl5"><progress id="5djl5"><acronym id="5djl5"></acronym></progress></tt></track><nobr id="5djl5"><small id="5djl5"></small></nobr><strike id="5djl5"><strong id="5djl5"></strong></strike><span id="5djl5"><thead id="5djl5"><listing id="5djl5"><optgroup id="5djl5"></optgroup></listing></thead></span><pre id="5djl5"><th id="5djl5"><b id="5djl5"><mark id="5djl5"></mark></b></th></pre><legend id="5djl5"><th id="5djl5"><b id="5djl5"><mark id="5djl5"></mark></b></th></legend><label id="5djl5"></label><label id="5djl5"></label><form id="5djl5"></form><div id="5djl5"></div><pre id="5djl5"><dfn id="5djl5"><b id="5djl5"><ins id="5djl5"></ins></b></dfn></pre><dfn id="5djl5"><output id="5djl5"><span id="5djl5"><thead id="5djl5"></thead></span></output></dfn><th id="5djl5"><u id="5djl5"></u></th><th id="5djl5"><u id="5djl5"></u></th><div id="5djl5"><pre id="5djl5"></pre></div><big id="5djl5"><label id="5djl5"><pre id="5djl5"><track id="5djl5"></track></pre></label></big><rp id="5djl5"><font id="5djl5"></font></rp><strike id="5djl5"><strong id="5djl5"></strong></strike><th id="5djl5"><b id="5djl5"><mark id="5djl5"><acronym id="5djl5"></acronym></mark></b></th></div> 42,CSS�l�图片定义颜色边框�? img { border: 1px solid red} 43,在DW中如何��插入的FLASH透明�? �Ҏ(gu��)��一�Q�选中swf,打开原代码窗口，�?/object>前输�?<param name="wmode" value="transparent" /> �Ҏ(gu��)��二：在Flash中的Flie→Publist Settings→HTML→Window Mode选择transparent 44,在DW�~�辑文本中，如何输入一个空格呢�Q? 输入�I�格的问题，在DW��g��已成了一个老生常谈的问题。通过��输入法调整到全角模式就可以避免了。本以�h工智能ABC��Z��.按Shift+Space切换到全角状态�? 45,��Z��我的DW中图形显�C�Z��正常�? �W�一�U�：可能是因��Z��定义�q�正在��用一个site�Q�而你的HTML文�g或者图片不在这个site包含的区域之内，因此dreamweaver使用file协议�? 描述图象的绝对�\径，可惜IE不支持src中��用file协议�Q�所以图象就昄��不出来了�? �W�二�U�：可能是放囄��的文件夹或图片名��Z��文，也显�C�Z��到网��中厅R�? 46,如何在本地机器上��试flash��q��的loading�Q? 我想�q�可能是很多人在问的题了�Q�其实很��单，在Test�Ӟ��选选View->Show Streaming��可以看��C��? 47,在网��中做出一根竖的线有几�U�办�? �W�一�U�方法：用一个像素图的办法！如果你用Dreamwever的Edit→Preferences…→Layout View中的Spacer Image�l�你创徏了一个缺省名为：spacer.gif的一个像素图文�g �? 代码中： <table border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#FF0000" height="200" ></td> </tr> </table> �W�二�U�方法：用表格填颜色的办法！�?td> </td>中的删掉 . <table border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#FF0000" height="200" width="1"></td> </tr> </table> �W�三�U�方法：用水�q�x��? <hr color="red" width="1" size="100%" /> 48, 关于鼠标拖动,改变层大��。──看看微��Y的做�? <script> document.execCommand("2D-position",false,true); </script> <DIV contentEditable=true> <DIV style="WIDTH: 300px; POSITION: absolute; HEIGHT: 100px; BACKGROUND-COLOR: red">�U�d��?/DIV> </DIV> <br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sutao/" target="_blank">苏醄</a> 2007-11-09 15:56 <a href="http://www.aygfsteel.com/sutao/articles/159385.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <p>苏醄 — Fri, 17 Aug 2007 07:41:00 GMT</p> <div style="margin-left: 15px; margin-top: 1px; color: #101fff;"> <h2><a title="�怹�链接�Q�jQuery快速上�?> jQuery快速上�?/a> </h2> </div> <div style="margin-left: 15px; margin-top: 5px; color: #101fff;"> <strong>关键�?</strong> jQuery </div> <p style="color: #101fff;">�q�䆾指南是对jQeury库的介绍�Q�它需要对JavaScript和文档对象模�?DOM)有基本的了解。它从零开始讲解�ƈ解释必要的细节�? <br>该指南讲��C��一个简单的hello world例子�Q�selector和event基础�Q�AJAX�Q�FX以及使用和创作plugins�? <br>�q�䆾指南不包�?click me"例子�Q�只提供"copy me"代码的意图是�Ȁ发你来自己尝试例子。Copy一个例子，看看它做什么，�q�修改它�?/p> <p style="color: #101fff;"><strong>目录</strong> <br>1 Setup <br>2 Hello jQuery <br>3 Find me: 使用selectors和events <br>4 Rate me: 使用Ajax <br>5 Animate me: 使用Effects <br>6 Sort me: 使用tablesorter plugin <br>7 Plug me: 写你自己的plugins <br>8 Next steps</p> <p style="color: #101fff;"><strong>Setup</strong> <br>我们首先需要jQuery库的copy来开始。最新的版本可以�?a target="blank">http://docs.jquery.com/Downloading_jQuery</a>扑ֈ��Q�这份指南也提供一个基本包来下载�? <br><a target="blank">jQuery Starterkit</a> <br>下蝲该文件�ƈ解压�Q�用你最喜欢的编辑器打开starterkit.html和custom.js�q�用��览器打开starterkit.html�? <br>现在我们准备好了开始著名的"Hello world"例子的�Q何事情�? <br>本节里有意思的链接: <br><a target="blank">jQuery Starterkit</a> <br><a target="blank">Downloading jQuery</a></p> <p style="color: #101fff;"><strong>Hello jQuery</strong> <br>当我们��用jQuery时所做的几乎��M��事情都会��d��或操作文档对象模�?DOM)�Q�我们需要确认一旦DOM准备好了则我们开始添加events�{�东�ѝ�? <br>��Z��做这件事�Q�我们�ؓdocument注册一个ready事�g�? <br></p> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> // do stuff when DOM is ready </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">在该�Ҏ(gu��)��里放入一个alert不会有多大意义，因�ؓalert不需要DOM成功loaded。所以让我们��试一些更复杂的东�?当点击该链接时显�C�Z��个alert�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $("a").click(function() { </li> <li id="wmqeeuq" class="alt"> alert("Hello world!"); </li> <li id="wmqeeuq" class=""> }); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">�q�将在你点击该链接时昄��alert�? </span><br style="color: #101fff;"><span style="color: #101fff;">让我们看看我们做了什�?$("a")是一个jQuery selector�Q�在�q�里�Q�它选择所有的</span><strong style="color: #101fff;">a</strong><span style="color: #101fff;">元素�?本��n为jQuery"�c?的别名，因此$()构徏了一个jQuery对象�? </span><br style="color: #101fff;"><span style="color: #101fff;">我们下一步调用的click()�Ҏ(gu��)��jQuery对象的一个方法。它�l�定了一个click事�g到所有被选择的元�?在这里�ؓ一个单独的anchor元素)�q�当事�g发生时执�? </span><br style="color: #101fff;"><span style="color: #101fff;">提供的方法�? </span><br style="color: #101fff;"><span style="color: #101fff;">�q�与下面的代码类�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-xml" start="1"> <li id="wmqeeuq" class="alt"><a href="" onclick="alert('Hello world')">Link</a> </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">区别非常明显:我们不需要�ؓ每个单独的元素写一个onclick。对�l�构(HTML)和行�?JS)我们有一个清晰的分离�Q�就像我们��用CSS来分��ȝ��构和呈现�? </span><br style="color: #101fff;"><span style="color: #101fff;">了解了这些，我们来对selectors和events做一些更多的东西�? </span><br style="color: #101fff;"><span style="color: #101fff;">本节里有意思的链接: </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">jQuery Base</a><span style="color: #101fff;"> </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">jQuery Expressions</a><span style="color: #101fff;"> </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">jQuery Basic Events</a> <p style="color: #101fff;"><strong>Find me: 使用selectors和events</strong> <br>jQuery提供了两�U�方式来选择元素。第一�U��用作为字�W�串传递给jQuery构造器的CSS和XPath选择器的联合(例如$("div > ul a"))。第二种使用jQuery对象�? <br>一些方法。两�U�方式可以联合�? <br>我们选择�q�修�Ҏ(gu��)��们的starterkit里的�W�一个排序列表来��试一些选择器�? <br>我们以选择列表本��n开始。列表有一个ID "orderedlist"。在传统的JavaScript里，你可以通过使用document.getElementById("orderedlist")来��用它。��? <br>jQuery的话�Q�我们像�q�样�? <br></p> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $("#orderedlist").addClass("red"); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">starterkit提供了一个带有一个class�?red"的简单的��d��一个红色背景的stylesheet。因此，当你在浏览器里reload��面�Ӟ��你应该看到第一个ordered list </span><br style="color: #101fff;"><span style="color: #101fff;">��拥有一个红色背景。第二个list则没变�? </span><br style="color: #101fff;"><span style="color: #101fff;">现在让我们添加一些classes到该list的子元素中�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $("#orderedlist > li").addClass("blue"); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">�q�将选择id为orderedlist的元素的所有子li元素�q��ؓ其添加class "blue"�? </span><br style="color: #101fff;"><span style="color: #101fff;">现在看看一个更复杂�?我们希望当用户hover到该list的最后一个li元素时添加和删除class�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $("#orderedlist li:last").hover(function() { </li> <li id="wmqeeuq" class="alt"> $(this).addClass("green"); </li> <li id="wmqeeuq" class=""> },function() { </li> <li id="wmqeeuq" class="alt"> $(this).removeClass("green"); </li> <li id="wmqeeuq" class=""> }); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">有许多其他类��g��</span><a style="color: #101fff;" target="blank">CSS</a><span style="color: #101fff;">�?/span><a style="color: #101fff;" target="blank">XPath</a><span style="color: #101fff;">语法的选择器。更多的例子以及一个所有可得到的表辑ּ�的列表可以在</span><a style="color: #101fff;" target="blank">�q�里</a><span style="color: #101fff;">扑ֈ��? </span><br style="color: #101fff;"><span style="color: #101fff;">�Ҏ(gu��)��个可得到的onxxx事�g�Q�像onclick�Q�conchange�Q�onsubmit�Q�都有一个jQuery�{��h(hu��n)物�?/span><a style="color: #101fff;" target="blank">一些其他的事�g</a><span style="color: #101fff;">�Q�像ready和hover�Q�被提供来作为方法方便某些�Q务�? </span><br style="color: #101fff;"><span style="color: #101fff;">你可以在</span><a style="color: #101fff;" target="blank">jQuery Events Documentation</a><span style="color: #101fff;">里找到完整的事�g列表�? </span><br style="color: #101fff;"><span style="color: #101fff;">使用�q�些selectors和events你已�l�可以做许多事情�Q�但是这里还有一个�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $("#orderedlist").find("li").each(function(i) { </li> <li id="wmqeeuq" class="alt"> $(this).append(" BAM! " + i); </li> <li id="wmqeeuq" class=""> }); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">find()允许你对已经选择的元素做更深的子搜烦�Q�因�?("#orderedlist").find("li")几乎�?("#orderedlist li")一栗��? </span><br style="color: #101fff;"><span style="color: #101fff;">each()�Ҏ(gu��)��个元素�P代�ƈ允许更多的处理。大多数�Ҏ(gu��)��Q�像addClass()�Q�自�׃��用each()�? </span><br style="color: #101fff;"><span style="color: #101fff;">在这个例子中�Q�append()用来在每个元素的末尾��d��一些文本�? </span><br style="color: #101fff;"><span style="color: #101fff;">另外一个你�l�常面对的�Q务是在jQuery没有cover的DOM元素上调用方法。考虑一个你惛_��通过AJAX成功提交后reset它的form�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> // use this to reset a single form </li> <li id="wmqeeuq" class="alt"> $("#reset").click(function() { </li> <li id="wmqeeuq" class=""> $("#form").reset(); </li> <li id="wmqeeuq" class="alt"> }); </li> <li id="wmqeeuq" class="">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">�q�些代码选择ID�?form"的元素�ƈ�Ҏ(gu��)��个选择的元素调用reset()。当你有多于一个form�Ӟ��你也可以�q�样�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> // use this to reset several forms at once </li> <li id="wmqeeuq" class="alt"> $("#reset").click(function() { </li> <li id="wmqeeuq" class=""> $("form").reset(); </li> <li id="wmqeeuq" class="alt"> }); </li> <li id="wmqeeuq" class="">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">�q�将在你的document里选择所有的forms�Q��P代它们�ƈ�Ҏ(gu��)��个调用reset()�? </span><br style="color: #101fff;"><span style="color: #101fff;">另一个你可能面��的问题是不选择某一个元素。jQuery为它提供filter()和not()。filter()通过满��该filter表达式来减少选择的元素，not()则相反删除掉 </span><br style="color: #101fff;"><span style="color: #101fff;">所有满��表达式的元素。考虑一个unordered的list�Q�你想选择所有没有ul子元素的li元素�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $("li").not("[ul]").css("border", "1px solid black"); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">�q�将选择所有的li元素�q�删除有ul子元素的元素。因此所有的li元素��有一个border�Q�除了有ul子元素的。[expression]语法来自XPath�q�且可以用来被子元素 </span><br style="color: #101fff;"><span style="color: #101fff;">和属性filter。可能你想选择所有的有一个name属性的anchors: </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $("a[@name]").background("#eee"); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">�q�将�Ҏ(gu��)��有的有一个name属性的anchor元素��d��一个background颜色�? </span><br style="color: #101fff;"><span style="color: #101fff;">比通过name选择anchors更常用的是，你可能需要通过它们�?href"属性选择anchors。由于浏览器的行��Z��一致这可能�q�回不同�?href"�?注意:�q�个问题最�q? </span><br style="color: #101fff;"><span style="color: #101fff;">在jQuery中解决了�Q�只要在1.1.1版本后都可以)。�ؓ了只匚w��一部分��|��我们可以使用包含选择"*="来代替等�?=": </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $("a[@href*=/content/gallery]").click(function() { </li> <li id="wmqeeuq" class="alt"> // do something with all links that point somewhere to /content/gallery </li> <li id="wmqeeuq" class=""> }); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">到目前�ؓ止，所有的selectors用来选择子或filter当前选择。还有你需要选择前一个或下一个元素的情况�Q�即所谓的siblings。考虑FAQ��面�Q�所有的�{�案首先 </span><br style="color: #101fff;"><span style="color: #101fff;">隐藏�Q�而当问题点击时显�C�。该jQuery代码�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $('#faq').find('dd').hide().end().find('dt').click(function() { </li> <li id="wmqeeuq" class="alt"> $(this).next().slideToggle(); </li> <li id="wmqeeuq" class=""> }); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">�q�里我们使用链来减少代码量�ƈ得到更好的性能�Q�因�?#faq'只选择了一�ơ�? </span><br style="color: #101fff;"><span style="color: #101fff;">通过使用end()�Q�第一个find()不会�l�束�Q�则我们可以�?faq元素�l�箋搜烦下一个find()�Q�而不是对dd子元素操作�? </span><br style="color: #101fff;"><span style="color: #101fff;">在click处理器即传递给click()�Ҏ(gu��)��的function里，我们使用$(this).next()来从当前dt查找下一个sibling。这允许我们快速选择紧跟在点�ȝ��问题后的�{�案�? </span><br style="color: #101fff;"><span style="color: #101fff;">除了sibling�Q�你也可以选择父元�?对属性XPath的�h而言为所谓的ancestors)。你可能惛_��用户hover的链接的父paragraph高亮�Q�试试这�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $("a").hover(function() { </li> <li id="wmqeeuq" class="alt"> $(this).parents("p").addClass("highlight"); </li> <li id="wmqeeuq" class=""> },function() { </li> <li id="wmqeeuq" class="alt"> $(this).parents("p").removeClass("highlight"); </li> <li id="wmqeeuq" class=""> }); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">对于所有hover的anchor元素�Q�搜索它的父paragraph�q�添加和删除一�?highlight" class�? </span><br style="color: #101fff;"><span style="color: #101fff;">让我们��l�之前了解一�?jQuery很多时候是让代码变得更短而更�Ҏ(gu��)��阅读和维护。以下是一�?(document).ready(callback)记号的捷�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(function() { </li> <li id="wmqeeuq" class=""> // code to execute when the DOM is ready </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">对于Hello world!例子�Q�我们可以这样写: </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(function() { </li> <li id="wmqeeuq" class=""> $("a").click(function() { </li> <li id="wmqeeuq" class="alt"> alert("Hello world!"); </li> <li id="wmqeeuq" class=""> }); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">现在有了基本知识后，我们想explore一些其它方面，开始��用AJAX�? </span><br style="color: #101fff;"><span style="color: #101fff;">本节里有意思的链接: </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">jQuery API documentation</a><span style="color: #101fff;"> </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">Visual jQuery</a><span style="color: #101fff;"> - A catgorized browsable API documentation. </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">jQuery Selectors</a><span style="color: #101fff;"> </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">jQuery Events</a><span style="color: #101fff;"> </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">jQuery DOM Traversing</a> <p style="color: #101fff;"><strong>Rate me: 使用Ajax</strong> <br>在这个部分我们写一个小Ajax�E�序�Q�它允许用户rate something�Q�就像在youtube.com上做的一栗��? <br>我们需要一些服务器端代码来完成�q�个。我的例子��用php文�g来读"rating"参数�q�返回ratings的数量和�q�_��的rating。看�?a target="blank">rate.php</a>的服务器端代码�? <br>我们惌��q�个例子用Ajax来工作，因此我们用jQuery生成一些必要的东西�q�加��C��个ID�?rating"的容器里 <br></p> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-xml" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> // generate markup </li> <li id="wmqeeuq" class="alt"> $("#rating").append("Please rate: "); </li> <li id="wmqeeuq" class=""> </li> <li id="wmqeeuq" class="alt"> for ( var i = 1; i <=5; i++ ) </li> <li id="wmqeeuq" class=""> $("#rating").append("<a href='#'>" + i + "</a>"); </li> <li id="wmqeeuq" class="alt"> </li> <li id="wmqeeuq" class=""> // add markup to container and applier click handlers to anchors </li> <li id="wmqeeuq" class="alt"> $("$raing a ").click(function(e) </li> <li id="wmqeeuq" class=""> // send request </li> <li id="wmqeeuq" class="alt"> $.post("rate.php", {rating: $(this).html()}, function(xml) { </li> <li id="wmqeeuq" class=""> // format and output result </li> <li id="wmqeeuq" class="alt"> $("#rating").html( </li> <li id="wmqeeuq" class=""> "Thanks for rating, current average: " + </li> <li id="wmqeeuq" class="alt"> $("average", xml).text() + </li> <li id="wmqeeuq" class=""> ", number of votes: " + </li> <li id="wmqeeuq" class="alt"> $("count", xml).text() </li> <li id="wmqeeuq" class=""> ); </li> <li id="wmqeeuq" class="alt"> }); </li> <li id="wmqeeuq" class=""> </li> <li id="wmqeeuq" class="alt"> // stop normal link click </li> <li id="wmqeeuq" class=""> return false; </li> <li id="wmqeeuq" class="alt"> }); </li> <li id="wmqeeuq" class="">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">�q�个代码片段生成5个anchor元素�q�把它们��d��到id�?rating"的容器元素。最后，对容器里的每个anchor��d��一个click处理器。当点击anchor�Ӟ��一个以anchor </span><br style="color: #101fff;"><span style="color: #101fff;">的内容�ؓ参数的post��h��发送到rate.php。结果作��Z��个XML�q�回�Q��ƈ��d��到容器代替anchors�? </span><br style="color: #101fff;"><span style="color: #101fff;">如果你手头上没有一个安装的PHP服务器，你可以看看一�?/span><a style="color: #101fff;" target="blank">online example</a><span style="color: #101fff;">。对于一个非常好的甚至不用JavaScript工作的rating�pȝ��的例子，讉K��</span><a style="color: #101fff;" target="blank">softonic.de</a><span style="color: #101fff;">�q? </span><br style="color: #101fff;"><span style="color: #101fff;">点击"Kurz bewerten!" </span><br style="color: #101fff;"><span style="color: #101fff;">jQuery的Ajax�Ҏ(gu��)��的更多的文档可以�?/span><a style="color: #101fff;" target="blank">Ajax Documentation</a><span style="color: #101fff;">或者用Ajax开发的</span><a style="color: #101fff;" target="blank">Visual jQuery</a><span style="color: #101fff;">上找到�? </span><br style="color: #101fff;"><span style="color: #101fff;">当通过Ajax载入内容旉��到的一个非常常见的问题�?当添加事件处理器��C��的文档时�Q�如果事件处理器也适合载入的内容，则你必须在内容蝲入之后也��d��q�些 </span><br style="color: #101fff;"><span style="color: #101fff;">处理器。�ؓ了防止代码重复，你可以写一个方法代理。例�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">function addClickHandlers() { </li> <li id="wmqeeuq" class=""> $("a.remote", this).click(function() { </li> <li id="wmqeeuq" class="alt"> $("#target").load(this.href, addClickHandlers); </li> <li id="wmqeeuq" class=""> }); </li> <li id="wmqeeuq" class="alt">} </li> <li id="wmqeeuq" class="">$(document).ready(addClickHandlers); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">现在一旦当DOM为ready以及每次当一个用��L��击class为remote的链接�ƈ且内容完成蝲入后addClickHandlers都会被调用�? </span><br style="color: #101fff;"><span style="color: #101fff;">注意$("a.remote", this)查询�Q�this传递过来作��Z��个context:对于document ready事�g�Q�this表示document�Q�则它搜索整个document中class为remote的anchors </span><br style="color: #101fff;"><span style="color: #101fff;">当addClickHandlers用来作�ؓload()的回调时�Q�this表示另一个不同的元素:在这个例子中�Q�表�C�id为target的元素。这防止了click事�g一�ơ又一�ơ的赋给同一 </span><br style="color: #101fff;"><span style="color: #101fff;">链接�Q�从而最�l�导致崩溃�? </span><br style="color: #101fff;"><span style="color: #101fff;">回调的另一个常见的问题是参数。你已经指定了你的回调但是需要传递一个额外的参数。达到次目标的最��单的方式是在另一个方法里包装回调: </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">// get some data </li> <li id="wmqeeuq" class="">var foobar = ...; </li> <li id="wmqeeuq" class="alt"> </li> <li id="wmqeeuq" class="">// specify handler, it needs data as a parameter </li> <li id="wmqeeuq" class="alt">function handler(data) { </li> <li id="wmqeeuq" class=""> // ... </li> <li id="wmqeeuq" class="alt">} </li> <li id="wmqeeuq" class=""> </li> <li id="wmqeeuq" class="alt">// add click handler and pass foobar! </li> <li id="wmqeeuq" class="">$('a').click(function() { </li> <li id="wmqeeuq" class="alt"> handler(foobar); </li> <li id="wmqeeuq" class="">}); </li> <li id="wmqeeuq" class="alt"> </li> <li id="wmqeeuq" class="">// if you need the context of the original handler, use apply: </li> <li id="wmqeeuq" class="alt">$('a').click(function() { </li> <li id="wmqeeuq" class=""> handler.apply(this, [foobar]); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">使用Ajax我们可以cover许多"Web 2.0"。既然我们已�l�看了一些基本的Ajax�Q�让我们��d��一些简单的effects和animations到页面中�? </span><br style="color: #101fff;"><span style="color: #101fff;">本节有意思的链接: </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">jQuery Ajax Documentation</a><span style="color: #101fff;"> </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">jQuery API</a><span style="color: #101fff;"> - 包含所有的jQuery�Ҏ(gu��)��的描�q�和例子 </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">Thick Box</a><span style="color: #101fff;"> - 一个��用jQuery来加��名的lightbox的jQuery插�g </span> <p style="color: #101fff;"><strong>Animate me: 使用Effects</strong> <br>可以使用jQuery的show()和hide()构徏的简单的animations�? <br></p> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $("a").toggle(function() { </li> <li id="wmqeeuq" class="alt"> $(".stuff").hide('slow'); </li> <li id="wmqeeuq" class=""> },function() { </li> <li id="wmqeeuq" class="alt"> $(".stuff").show('fast'); </li> <li id="wmqeeuq" class=""> }); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">你可以��用animate()创徏��M��animations的联合。例如，一个具有fade的slide: </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $("a").toggle(function() { </li> <li id="wmqeeuq" class="alt"> $(".stuff").animate({ height: 'hide', opacity: 'hide' }, 'slow'); </li> <li id="wmqeeuq" class=""> },function() { </li> <li id="wmqeeuq" class="alt"> $(".stuff").animate({ height: 'show', opacity: 'show' }, 'slow'); </li> <li id="wmqeeuq" class=""> }); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">更炫的effects可以�?/span><a style="color: #101fff;" target="blank">interface plugin collection</a><span style="color: #101fff;">扑ֈ�。该站点提供demos和文档。虽然Interface在jQuery的插件列表的最前面�Q�还有许多其他的插�g。下一 </span><br style="color: #101fff;"><span style="color: #101fff;">部分昄��了怎样使用tablesorter插�g�? </span><br style="color: #101fff;"><span style="color: #101fff;">本节有意思的链接: </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">jQuery Effects Documentation</a><span style="color: #101fff;"> </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">Interface plugin</a> <p style="color: #101fff;"><strong>Sort me: 使用tablesorter plugin</strong> <br>tablesorter插�g允许在客��L��对表格排序。你只需引入jQuery和插�Ӟ��q�告诉插件哪个表格是你想排序的�? <br>��d��以下内容到starterkit.html(下jquery引入的下�?来尝试该例子: <br></p> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-xml" start="1"> <li id="wmqeeuq" class="alt"><script src="lib/jquery.tablesorterjs"></script> </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">引入了该插�g后，你可以像�q�样调用�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $("#large").tableSorter(); </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">试着点击table的头部�ƈ看看它怎样在第一�ơ升序排序以及第二次降序排序。该表格可以使用一些行高亮�Q�我们可以通过传递一些选项来添加这�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(document).ready(function() { </li> <li id="wmqeeuq" class=""> $("#large").tableSorter({ </li> <li id="wmqeeuq" class="alt"> // Class names for striping supplied as a array. </li> <li id="wmqeeuq" class=""> stripingRowClass: ['odd', 'even'], </li> <li id="wmqeeuq" class="alt"> // Stripe rows on tableSorter init </li> <li id="wmqeeuq" class=""> stripeRowsOnStartUp: true </li> <li id="wmqeeuq" class="alt"> }); </li> <li id="wmqeeuq" class="">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">�?/span><a style="color: #101fff;" target="blank">tablesorter homepage</a><span style="color: #101fff;">有更多关于可得到的选项的例子和文档�? </span><br style="color: #101fff;"><span style="color: #101fff;">大多数插件可以像�q�样使用:引入插�g文�g�q�在某些元素上调用插件方法，传递一些选项讄��来定制插件�? </span><br style="color: #101fff;"><span style="color: #101fff;">一个可得到的up-to-date插�g列表可以�?/span><a style="color: #101fff;" target="blank">jQuery Plugin site</a><span style="color: #101fff;">扑ֈ��? </span><br style="color: #101fff;"><span style="color: #101fff;">当你使用jQuery的越频繁�Q�你可能发现把你自己的代码打包成一个插仉��常有用，可以��Z��自己或者你的公叔R��用它�Q�或者与�C�֌�分��n。下一节讲�q�C��怎样构徏 </span><br style="color: #101fff;"><span style="color: #101fff;">一个插件�? </span><br style="color: #101fff;"><span style="color: #101fff;">本节有意思的链接: </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">Plugins for jQuery</a><span style="color: #101fff;"> </span><br style="color: #101fff;"><a style="color: #101fff;" target="blank">Tablesorter Plugin</a> <p style="color: #101fff;"><strong>Plug me: 写你自己的plugins</strong> <br>为jQuery写你自己的插仉��常简单。如果你遵��@下面的规则，则其他�h集成你的插�g也非常简单�? <br><strong>插�g命名</strong> <br>��Z��的插件找一个名字，让我们称我们的例子�ؓ"foobar"。创��Z��个名为jquery.[yourpluginname].js文�g�Q�例如，jquery.foobar.js�? <br><strong>��d��一个自定义�Ҏ(gu��)��</strong> <br>通过扩展jQuery对象来创��Z��个或多个插�g�Ҏ(gu��)��Q�例�? <br></p> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">jQuery.fn.foobar = function() { </li> <li id="wmqeeuq" class=""> // do something </li> <li id="wmqeeuq" class="alt">}; </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">则通过执行下面代码��可以得��C��用上面的插�g: </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(...).foobar(); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><strong style="color: #101fff;">默认讄��:</strong><span style="color: #101fff;"> </span><br style="color: #101fff;"><span style="color: #101fff;">创徏可以被用��h��改的默认讄��Q�例�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">jQuery.fn.foobar = function(options) { </li> <li id="wmqeeuq" class=""> var settings = jQuery.extend({ </li> <li id="wmqeeuq" class="alt"> value: 5, name: "pete", bar: 655 </li> <li id="wmqeeuq" class=""> }, options); </li> <li id="wmqeeuq" class="alt">}; </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">你可以调用该插�g而不带选项�Q�即使用默认配置: </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$("...").foobar(); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">或者带一些选项: </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$("...").foobar({ value: 123, bar: 9 }); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><strong style="color: #101fff;">文档</strong><span style="color: #101fff;"> </span><br style="color: #101fff;"><span style="color: #101fff;">如果你发表你的插�Ӟ��你应该也提供一些例子和文档。有</span><a style="color: #101fff;" target="blank">许多插�g</a><span style="color: #101fff;">可以作�ؓ很好的参考�? </span><br style="color: #101fff;"><span style="color: #101fff;">现在你应该具有了写插件的基本知识。让我们来写一个我们自��q��插�g�? </span><br style="color: #101fff;"><strong style="color: #101fff;">Checkbox插�g</strong><span style="color: #101fff;"> </span><br style="color: #101fff;"><span style="color: #101fff;">很多��Z��用jQuery来处理表单时会问到radio buttons或checkboxes的checking和unchecking。他们常用这��L��代码: </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$("input[@type='checkbox']").each(function() { </li> <li id="wmqeeuq" class=""> this.checked = true; </li> <li id="wmqeeuq" class="alt"> this.checked = false; // or, to uncheck </li> <li id="wmqeeuq" class=""> this.checked = !this.checked; // or, to toggle </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">无论何时你的代码里有一个each�Ӟ��你可能想重写它�ؓ一个插�Ӟ��非常直接: </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">jQuery.fn.check = function() { </li> <li id="wmqeeuq" class=""> return this.each(function() { </li> <li id="wmqeeuq" class="alt"> this.checked = true; </li> <li id="wmqeeuq" class=""> }); </li> <li id="wmqeeuq" class="alt">}; </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">现在该插件可以��用了: </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$("input[@type='checkbox']").check(); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">现在你也可以为uncheck()和toggleCheck()写插件了。但是我们通过扩展我们的插件来接收一些选项来替代�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">jQuery.fn.check = function(mode) { </li> <li id="wmqeeuq" class=""> // if mode is undefined, use 'on' as default </li> <li id="wmqeeuq" class="alt"> var mode = mode || 'on'; </li> <li id="wmqeeuq" class=""> </li> <li id="wmqeeuq" class="alt"> return this.each(function() { </li> <li id="wmqeeuq" class=""> switch(mode) { </li> <li id="wmqeeuq" class="alt"> case 'on': </li> <li id="wmqeeuq" class=""> this.checked = true; </li> <li id="wmqeeuq" class="alt"> break; </li> <li id="wmqeeuq" class=""> case 'off': </li> <li id="wmqeeuq" class="alt"> this.checked = false; </li> <li id="wmqeeuq" class=""> break; </li> <li id="wmqeeuq" class="alt"> case 'toggle': </li> <li id="wmqeeuq" class=""> this.checked = !this.checked; </li> <li id="wmqeeuq" class="alt"> break; </li> <li id="wmqeeuq" class=""> } </li> <li id="wmqeeuq" class="alt"> }); </li> <li id="wmqeeuq" class="">}; </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">我们可以提供选项"on"�Q?off"�?toggle"或者默认无选项�Q�例�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$("input[@type='checkbox']").check(); </li> <li id="wmqeeuq" class="">$("input[@type='checkbox']").check('on'); </li> <li id="wmqeeuq" class="alt">$("input[@type='checkbox']").check('off'); </li> <li id="wmqeeuq" class="">$("input[@type='checkbox']").check('toggle'); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><strong style="color: #101fff;">可选设�|?/strong><span style="color: #101fff;"> </span><br style="color: #101fff;"><span style="color: #101fff;">写多于一个设�|�选项会变得复杂，因�ؓ如果用户想省略第一个参数而只使用�W�二个参数时他必��M��递一个null倹{�? </span><br style="color: #101fff;"><span style="color: #101fff;">上一节中对tablesorter的��用证明了使用一个对象来解决�q�个问题。用户可以省略所有的参数或者�ؓ每个他想override的设�|�传递一个具有键/值对的对象�? </span><br style="color: #101fff;"><span style="color: #101fff;">��Z��l�习�Q�你可以��试重写�W?节的Voting代码��Z��个插件。插仉��架可能看��h��像这�? </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">jQuery.fn.rateMe = function(options) { </li> <li id="wmqeeuq" class=""> // instead of slecting a static container with </li> <li id="wmqeeuq" class="alt"> // $("#rating"), we now use the jQuery context </li> <li id="wmqeeuq" class=""> var container = this; </li> <li id="wmqeeuq" class="alt"> </li> <li id="wmqeeuq" class=""> var settings = jQuery.extend({ </li> <li id="wmqeeuq" class="alt"> url: "rate.php" </li> <li id="wmqeeuq" class=""> // put more defaults here </li> <li id="wmqeeuq" class="alt"> }, options); </li> <li id="wmqeeuq" class=""> </li> <li id="wmqeeuq" class="alt"> // ... rest of the code ... </li> <li id="wmqeeuq" class=""> </li> <li id="wmqeeuq" class="alt"> // if possible, return "this" to not break the chain </li> <li id="wmqeeuq" class=""> return this; </li> <li id="wmqeeuq" class="alt">}); </li> </ol> </div> </div> <script>render_code();</script> <br style="color: #101fff;"><span style="color: #101fff;">则可以允�怽�像这样允许该插�g: </span><br style="color: #101fff;"> <div style="color: #101fff;" class="code_title">代码</div> <div style="color: #101fff;" class="code_div"> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j" start="1"> <li id="wmqeeuq" class="alt">$(...).rateMe({ url: "test.php" }); </li> </ol> </div> </div> <script>render_code();</script> <p style="color: #101fff;"><strong>Next steps</strong> <br>如果你计划开发更多的JavaScript�Q�你应该考虑�U�Cؓ<a target="blank">FireBug</a>的Firefox插�g。它提供一个console(很好的替代alerts)�Q�一个debugger和其他有用的stuff来�ؓ <br>JavaScript开发�? <br>如果你有不能解决的问题、想分��n的主意或者只是需要用jQuery表达你的看法�Q�请自由舒畅的post�l?a target="blank">jQuery mailing list</a>�? <br>对于与本指南相关的�Q何东西请在我�?a target="blank">blog</a>上post一个comment或者直接联�p�L��? <br><strong>Whats left...</strong>Thanks a lot to John Resig for this greate library! Thanks to the jQuery community for providing John with enough coffee <br>and everything else!</p> <br style="color: #101fff;"> <br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/sutao/" target="_blank">苏醄</a> 2007-08-17 15:41 <a href="http://www.aygfsteel.com/sutao/articles/137560.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> </main></body></html>

国产精品99视频,在线精品亚洲一区二区,秋霞av国产精品一区

js收藏