jquery教程|jqueryschool-插件教程分享

开始学习

如果想在网页上显示文章，这时就需要<p>标签了，把文章的段落放到<p>标签中。语法：<p>段落文本</p>注意一段文字一个<p>标签，如在一篇新闻文章中有3段文字，就要把这3个段落分别放到3个<p>标签中。如下图所示。了解<hx(1-6)>标签，为你的网页添加标题文章的段落用<p>标签，那么文章的标题用什么标签呢？在本节我们将使用<hx>标签来制作文章的标题。标题标签一共有6个，...

329

2020/8/12 11:32:44; 0
View Details

标签，网页上显示的内容放在这里

在网页上要展示出来的页面内容一定要放在body标签中。如下图是一个新闻文章的网页。

301

2020/8/12 11:32:12; 0
View Details

标签</a></b> <p>在<title>和<title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。例如：<head><title>helloworld</title></head><title>标签的...</p> <div><samp tips="点击量">284</samp><em></em></div> </div> <dl class="newlistopear"> <dd class="time"><a class="linkscroll" tips="发布时间">2020/8/12 11:31:52</a></dd> <dd class="msg"><a class="linkscroll" tips="网友评论">0</a></dd> <dt class="details"><a href="http://www.jq-school.com/Show.aspx?id=2359" class="linkscroll" tips="查看详细" target="_blank" title="<title>标签">View Details</a></dt> </dl> </div> <div class="newlistframe"> <div class="newlistp"> <b><a href="http://www.jq-school.com/Show.aspx?id=2358" class="linkscroll" title="了解HTML的代码注释" target="_blank">了解HTML的代码注释</a></b> <p>什么是代码注释？代码注释的作用是帮助程序员标注代码的用途，过一段时间后再看你所编写的代码，就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途，还可以帮助其他程序员很快的读懂你的程序的功能，方便多人合作开发网页代码。语法：认识标签<head>文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读...</p> <div><samp tips="点击量">224</samp><em></em></div> </div> <dl class="newlistopear"> <dd class="time"><a class="linkscroll" tips="发布时间">2020/8/12 11:31:09</a></dd> <dd class="msg"><a class="linkscroll" tips="网友评论">0</a></dd> <dt class="details"><a href="http://www.jq-school.com/Show.aspx?id=2358" class="linkscroll" tips="查看详细" target="_blank" title="了解HTML的代码注释">View Details</a></dt> </dl> </div> <div class="newlistframe"> <div class="newlistp"> <b><a href="http://www.jq-school.com/Show.aspx?id=2357" class="linkscroll" title="基础框架" target="_blank">基础框架</a></b> <p><!DOCTYPEHTML><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>标题标签</title></head><body><h1>了不起的盖茨比</h1><p>《了不起的盖茨比》为那个奢靡年代的缩影。盖茨比怀揣着对"美国梦"的期翼，投身到那个年代的...</p> <div><samp tips="点击量">268</samp><em></em></div> </div> <dl class="newlistopear"> <dd class="time"><a class="linkscroll" tips="发布时间">2020/8/12 11:30:50</a></dd> <dd class="msg"><a class="linkscroll" tips="网友评论">0</a></dd> <dt class="details"><a href="http://www.jq-school.com/Show.aspx?id=2357" class="linkscroll" tips="查看详细" target="_blank" title="基础框架">View Details</a></dt> </dl> </div> <div class="newlistframe"> <div class="newlistp"> <b><a href="http://www.jq-school.com/Show.aspx?id=2356" class="linkscroll" title="边框倒角" target="_blank">边框倒角</a></b> <p>即边框4个脚的圆弧设置，语法规范：border-readius:xxxxxxxx，如果有4个值那么就是表示从左上角、右上角、右下角、左下角的边框倒角；如果只有1个值，那么表示这个4个边框倒角为统一值。</p> <div><samp tips="点击量">183</samp><em></em></div> </div> <dl class="newlistopear"> <dd class="time"><a class="linkscroll" tips="发布时间">2020/8/12 11:29:18</a></dd> <dd class="msg"><a class="linkscroll" tips="网友评论">0</a></dd> <dt class="details"><a href="http://www.jq-school.com/Show.aspx?id=2356" class="linkscroll" tips="查看详细" target="_blank" title="边框倒角">View Details</a></dt> </dl> </div> <div class="newlistframe"> <div class="newlistp"> <b><a href="http://www.jq-school.com/Show.aspx?id=2355" class="linkscroll" title="边框" target="_blank">边框</a></b> <p>border语法规范：border:边框的宽度边框的样式（虚线还是实线）边框的颜色====border:1pxsolidred这个可以统一设置上下左右四边的边框样式，也可以单独设置某一边的边框样式，语法规范：border-放心-属性，如border-top-color:red即表示上边的边框颜色；</p> <div><samp tips="点击量">183</samp><em></em></div> </div> <dl class="newlistopear"> <dd class="time"><a class="linkscroll" tips="发布时间">2020/8/12 11:28:46</a></dd> <dd class="msg"><a class="linkscroll" tips="网友评论">0</a></dd> <dt class="details"><a href="http://www.jq-school.com/Show.aspx?id=2355" class="linkscroll" tips="查看详细" target="_blank" title="边框">View Details</a></dt> </dl> </div> <div class="newlistframe"> <div class="newlistp"> <b><a href="http://www.jq-school.com/Show.aspx?id=2354" class="linkscroll" title="尺寸" target="_blank">尺寸</a></b> <p>常用于设置宽度和高度；width、height；只有块级元素才能设置宽度和高度、行内元素不能设置宽度和高度如果设置的width或者height过大，超出它父级的范围那么就涉及到溢出问题了。当内容溢出时可以处理方式有：溢出可见（visible）、隐藏（hidden）、设置滚动条（scroll）、自动（auto）、横向溢出（overflow-x）、纵向溢出（overflow-y）</p> <div><samp tips="点击量">204</samp><em></em></div> </div> <dl class="newlistopear"> <dd class="time"><a class="linkscroll" tips="发布时间">2020/8/12 11:28:12</a></dd> <dd class="msg"><a class="linkscroll" tips="网友评论">0</a></dd> <dt class="details"><a href="http://www.jq-school.com/Show.aspx?id=2354" class="linkscroll" tips="查看详细" target="_blank" title="尺寸">View Details</a></dt> </dl> </div> <div class="newlistframe"> <div class="newlistp"> <b><a href="http://www.jq-school.com/Show.aspx?id=2353" class="linkscroll" title="颜色单位" target="_blank">颜色单位</a></b> <p>颜色的表达方式有3种，数值、英文字母、英文单词；数值表示方式语法规范：rgb(xxx,xxx,xxx)其中，rgb对应的颜色分别：红色、绿色、蓝色；XXX数值的范围是0-250-255，常见红色为（255,0,0），绿色为（0,255,0），蓝色（0.0，255）。英文字母方式语法规范：color:#xxxxxx其中xx取值范围0-9a-fA-F，比如白色即color：#ffffff，如果2个1、...</p> <div><samp tips="点击量">164</samp><em></em></div> </div> <dl class="newlistopear"> <dd class="time"><a class="linkscroll" tips="发布时间">2020/8/12 11:27:40</a></dd> <dd class="msg"><a class="linkscroll" tips="网友评论">0</a></dd> <dt class="details"><a href="http://www.jq-school.com/Show.aspx?id=2353" class="linkscroll" tips="查看详细" target="_blank" title="颜色单位">View Details</a></dt> </dl> </div> <div class="newlistframe"> <div class="newlistp"> <b><a href="http://www.jq-school.com/Show.aspx?id=2352" class="linkscroll" title="什么是选择器？就是规定/匹配了哪些元素能够使用{}内的样式；" target="_blank">什么是选择器？就是规定/匹配了哪些元素能够使用{}内的样式；</a></b> <p>1.通配选择器—*：匹配页面中所有的标签元素；语法规定是：*{属性：值}；常用于定义全局样式，如字体大小颜色等2.元素/标签选择器—p、div、span等：就是匹配某一类标签；语法规范：p{属性：值}3.类选择器—“.className”：就是匹配某一个或一组class名的标签“语法规范：.className{属性：值}4.分类选择器—“p.name”：就是匹配某一标签中，指定类名的目标标签，语法...</p> <div><samp tips="点击量">198</samp><em></em></div> </div> <dl class="newlistopear"> <dd class="time"><a class="linkscroll" tips="发布时间">2020/8/12 11:26:49</a></dd> <dd class="msg"><a class="linkscroll" tips="网友评论">0</a></dd> <dt class="details"><a href="http://www.jq-school.com/Show.aspx?id=2352" class="linkscroll" tips="查看详细" target="_blank" title="什么是选择器？就是规定/匹配了哪些元素能够使用{}内的样式；">View Details</a></dt> </dl> </div> </div> </div>  <div class="changepage1">  <div id="ContentPlaceHolder1_AspNetPager1" class="paginator" style="width:100%;"> <a href="Jquery.aspx?action=search&key=DIV&page=1" style="margin-right:5px;">首页</a><a href="Jquery.aspx?action=search&key=DIV&page=14" style="margin-right:5px;">上一页</a><a href="Jquery.aspx?action=search&key=DIV&page=10" style="margin-right:5px;">...</a><a href="Jquery.aspx?action=search&key=DIV&page=11" style="margin-right:5px;">11</a><a href="Jquery.aspx?action=search&key=DIV&page=12" style="margin-right:5px;">12</a><a href="Jquery.aspx?action=search&key=DIV&page=13" style="margin-right:5px;">13</a><a href="Jquery.aspx?action=search&key=DIV&page=14" style="margin-right:5px;">14</a><span class="cpb" style="margin-right:5px;">15</span><a href="Jquery.aspx?action=search&key=DIV&page=16" style="margin-right:5px;">16</a><a href="Jquery.aspx?action=search&key=DIV&page=17" style="margin-right:5px;">17</a><a href="Jquery.aspx?action=search&key=DIV&page=18" style="margin-right:5px;">18</a><a href="Jquery.aspx?action=search&key=DIV&page=19" style="margin-right:5px;">19</a><a href="Jquery.aspx?action=search&key=DIV&page=20" style="margin-right:5px;">20</a><a href="Jquery.aspx?action=search&key=DIV&page=21" style="margin-right:5px;">...</a><a href="Jquery.aspx?action=search&key=DIV&page=16" style="margin-right:5px;">下一页</a><a href="Jquery.aspx?action=search&key=DIV&page=34" style="margin-right:5px;">尾页</a> </div>  </div> </div>  <div id="right"><div class="setfarme"> </div> <div class="setfarme"> <div class="sidepading"> <div class="sidett"> <h3>文章分类<samp> / Classification</samp></h3> </div> <div class="line"></div> <ul class="sidecon" id="startistics"> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=1" target="_blank" class="linkscroll" title="jquery教程">jquery教程(3860)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=2" target="_blank" class="linkscroll" title="插件详解">插件详解(9)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=3" target="_blank" class="linkscroll" title="常用功能">常用功能(20)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=4" target="_blank" class="linkscroll" title="div+css">div+css(145)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=5" target="_blank" class="linkscroll" title="前端开发利器">前端开发利器(20)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=6" target="_blank" class="linkscroll" title="html5">html5(322)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=7" target="_blank" class="linkscroll" title="javascript">javascript(91)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=8" target="_blank" class="linkscroll" title="网页设计">网页设计(40)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=9" target="_blank" class="linkscroll" title="越玩越聪明">越玩越聪明(17)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=10" target="_blank" class="linkscroll" title="算法你更懂">算法你更懂(52)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=11" target="_blank" class="linkscroll" title="PHP知识">PHP知识(37)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=12" target="_blank" class="linkscroll" title="css3">css3(89)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=13" target="_blank" class="linkscroll" title="DedeCMS">DedeCMS(1)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=14" target="_blank" class="linkscroll" title="ASP知识">ASP知识(1)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=15" target="_blank" class="linkscroll" title="数据库">数据库(7)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=16" target="_blank" class="linkscroll" title=".net">.net(18)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=17" target="_blank" class="linkscroll" title="java">java(380)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=18" target="_blank" class="linkscroll" title="Aui-core">Aui-core(0)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=19" target="_blank" class="linkscroll" title="Android开发">Android开发(2)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=20" target="_blank" class="linkscroll" title="jquery mobile">jquery mobile(1)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=21" target="_blank" class="linkscroll" title="精英招纳">精英招纳(22)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=22" target="_blank" class="linkscroll" title="开心一刻">开心一刻(8)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=23" target="_blank" class="linkscroll" title="ci框架">ci框架(2)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=24" target="_blank" class="linkscroll" title="迅雷会员账号分享">迅雷会员账号分享(2)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=25" target="_blank" class="linkscroll" title="前端框架">前端框架(17)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=26" target="_blank" class="linkscroll" title="金钱谷">金钱谷(14)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=27" target="_blank" class="linkscroll" title="P2P网贷系统">P2P网贷系统(18)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=28" target="_blank" class="linkscroll" title="小额贷款">小额贷款(5)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=29" target="_blank" class="linkscroll" title="众筹系统">众筹系统(63)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=30" target="_blank" class="linkscroll" title="催收系统">催收系统(1)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=31" target="_blank" class="linkscroll" title="瀑布流">瀑布流(1)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=32" target="_blank" class="linkscroll" title="股权众筹系统">股权众筹系统(8)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=33" target="_blank" class="linkscroll" title="回报众筹系统">回报众筹系统(0)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=34" target="_blank" class="linkscroll" title="html5游戏">html5游戏(10)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=35" target="_blank" class="linkscroll" title="网络流行语">网络流行语(11)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=36" target="_blank" class="linkscroll" title="UED">UED(8)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=37" target="_blank" class="linkscroll" title="棒棒糖游戏中心">棒棒糖游戏中心(6)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=38" target="_blank" class="linkscroll" title="励志名言">励志名言(5)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=39" target="_blank" class="linkscroll" title="typescript">typescript(1)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=40" target="_blank" class="linkscroll" title="占便宜">占便宜(1)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=41" target="_blank" class="linkscroll" title="zepto">zepto(1)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=42" target="_blank" class="linkscroll" title="好听的英文歌曲">好听的英文歌曲(9)</a> </li> <li> <a href="http://www.jq-school.com/Jquery.aspx?id=43" target="_blank" class="linkscroll" title="html5视频直播">html5视频直播(3)</a> </li> </ul> <div class="clear"></div> </div> </div> <div class="setfarme"> <div class="sidepading" id="tabs1"> <div class="sidett"> <h3>文章中心<samp> / Articles</samp></h3> <ul id="tabsList" class="tabs"> <li>最新</li> <li>热门</li> </ul> </div> <div class="line"></div> <div class="tabsCon" bind="tabsCon"> <ul class="sidecon"> <li><a href="http://www.jq-school.com/Show.aspx?id=5381" class="linkscroll" title="9个鲜为人知的HTML功能" target="_blank"><samp>9个鲜为人知的HTML功能</samp></a></li> <li><a href="http://www.jq-school.com/Show.aspx?id=5380" class="linkscroll" title="小白怎么学习HTML5？新手入门必看" target="_blank"><samp>小白怎么学习HTML5？新手入门必看</samp></a></li> <li><a href="http://www.jq-school.com/Show.aspx?id=5379" class="linkscroll" title="阿里巴巴常用的12个后端开发工具" target="_blank"><samp>阿里巴巴常用的12个后端开发工具</samp></a></li> <li><a href="http://www.jq-school.com/Show.aspx?id=5378" class="linkscroll" title="sharepoint搭建文档服务器,SharePoint？Server教程" target="_blank"><samp>sharepoint搭建文档服务器,SharePoint？Server教程</samp></a></li> <li><a href="http://www.jq-school.com/Show.aspx?id=5377" class="linkscroll" title="语义化标签与HTML5新增的布局标签" target="_blank"><samp>语义化标签与HTML5新增的布局标签</samp></a></li> </ul> <ul class="sidecon"> <li><a href="http://www.jq-school.com/Show.aspx?id=486" class="linkscroll" title="全国身份证号查询开头字典库" target="_blank"><samp>全国身份证号查询开头字典库</samp></a></li> <li><a href="http://www.jq-school.com/Show.aspx?id=406" class="linkscroll" title="jquery.masonry瀑布流插件的4个使用步骤" target="_blank"><samp>jquery.masonry瀑布流插件的4个使用步骤</samp></a></li> <li><a href="http://www.jq-school.com/Show.aspx?id=272" class="linkscroll" title="网站抓取精灵V3.0正式版修正功能" target="_blank"><samp>网站抓取精灵V3.0正式版修正功能</samp></a></li> <li><a href="http://www.jq-school.com/Show.aspx?id=281" class="linkscroll" title="分享4种CSS3效果(360度旋转、旋转放大、放大、移动)" target="_blank"><samp>分享4种CSS3效果(360度旋转、旋转放大、放大、移动)</samp></a></li> <li><a href="http://www.jq-school.com/Show.aspx?id=22" class="linkscroll" title="js二维数组定义和初始化三种方法 " target="_blank"><samp>js二维数组定义和初始化三种方法 </samp></a></li> </ul> </div> </div> </div> <div class="setfarme"> <div class="sidepading" id="tabs2"> <div class="sidett"> <h1><strong>Jquery特别效果</strong></h1> <ul id="tabsList" class="tabs"> <li>最新</li> <li>热门</li> </ul> </div> <div class="line"></div> <div class="tabsCon" bind="tabsCon"> <ul class="sidecon"> <li><a href="http://www.jq-school.com/Detail.aspx?id=509" class="linkscroll" title="jquery响应式登录注册忘记密码表单验证特效" target="_blank"><samp>jquery响应式登录注册忘记密码表单验证特效</samp></a></li> <li><a href="http://www.jq-school.com/Detail.aspx?id=508" class="linkscroll" title="jquery+css3实现页面强制竖屏特效" target="_blank"><samp>jquery+css3实现页面强制竖屏特效</samp></a></li> <li><a href="http://www.jq-school.com/Detail.aspx?id=507" class="linkscroll" title="一款通用的js分享插件" target="_blank"><samp>一款通用的js分享插件</samp></a></li> <li><a href="http://www.jq-school.com/Detail.aspx?id=506" class="linkscroll" title="超酷的css3拾色器ColorPicker" target="_blank"><samp>超酷的css3拾色器ColorPicker</samp></a></li> <li><a href="http://www.jq-school.com/Detail.aspx?id=505" class="linkscroll" title="jquery实现鼠标左右移动动画特效" target="_blank"><samp>jquery实现鼠标左右移动动画特效</samp></a></li> </ul> <ul class="sidecon"> <li><a href="http://www.jq-school.com/Detail.aspx?id=474" class="linkscroll" title="jquery+html5小游戏(智商超过130的人才能玩到第40关哦)" target="_blank"><samp>jquery+html5小游戏(智商超过130的人才能玩到第40关哦)</samp></a></li> <li><a href="http://www.jq-school.com/Detail.aspx?id=346" class="linkscroll" title="响应式jquery瀑布流结合图片延迟加载特效" target="_blank"><samp>响应式jquery瀑布流结合图片延迟加载特效</samp></a></li> <li><a href="http://www.jq-school.com/Detail.aspx?id=504" class="linkscroll" title="html5+css3进度条倒计时动画特效" target="_blank"><samp>html5+css3进度条倒计时动画特效</samp></a></li> <li><a href="http://www.jq-school.com/Detail.aspx?id=347" class="linkscroll" title="jquery圆盘抽奖特效" target="_blank"><samp>jquery圆盘抽奖特效</samp></a></li> <li><a href="http://www.jq-school.com/Detail.aspx?id=112" class="linkscroll" title="分享一款超酷的3D云标签JS特效" target="_blank"><samp>分享一款超酷的3D云标签JS特效</samp></a></li> </ul> </div> </div> </div> </div> <div class="clear"></div> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$txtSW" id="ContentPlaceHolder1_txtSW" value="name like '%DIV%' or keywords like '%DIV%'" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$sortId" id="ContentPlaceHolder1_sortId" /> </div>  <div id="footer"> <p>JquerySchool提供了jquery教程,jquery特效,jquery下载,jquery分享,jquery手册,jquery选择器,jquery工具等，一个让网友们为共同进步这一个目标出发，互相学习，互相帮助，取人之长，补已之短，共同进步的网站平台。 </p> <p style="height:36px; line-height:36px;">Copyright ? JquerySchool粤ICP备 12044467号 2012 <a href="http://www.jq-school.com/Copyright.aspx" rel="nofollow" title="版权所有">版权所有</a></p> <p> <script type="text/javascript"> var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F2f23b67302708b044aa74e378dac5c62' type='text/javascript'%3E%3C/script%3E")); </script> Adam'Design </p> </div> <div class="top5"> <ul id="jump"> <li style="display:none;height:50px;"><a id="top5" href="#top5"></a></li> <li style="height:50px"><a id="sina" rel="nofollow" href="http://weibo.com/jqueryschool" target="_blank"></a></li> <li style="height:50px"> <a id="ceping" rel="nofollow" href="http://t.qq.com/jqueryschool" target="_blank"></a></li> <li style="height:50px"><a id="weixin" href="javascript:void(0)" onmouseover="showEWM()" onmouseout="hideEWM()"> <div id="EWM"><img src="images/weixin_code.jpg" width="150" height="150" alt="jquery学堂微信二维码" /></div> </a></li> <li style="height:50px"><a id="reply" href="http://www.jq-school.com/Feedback.aspx" target="_blank"></a></li> <script> function showEWM() { document.getElementById("EWM").style.display = 'block'; } function hideEWM() { document.getElementById("EWM").style.display = 'none'; } </script> </ul> </div>  <script language="javascript" type="text/javascript"> head.js("js/jquery-1.7.2.min.js"); //window.jQuery || head.js("js/jquery-1.7.2.min.js"); head.js("js/jQuery-easing.js","js/jQuery-easing.js","js/jQuery-jcContact.js","js/jQuery-jcTabs.js","js/common.js?v=2.0");  </script> </form> </body> </html>