jquery模仿的a的title屬性_JSP教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

推薦：jsp中freemarker 數字格式化
一、使用內建函數 c 特點：不管其表現形式是怎樣的( 例如123,456.123,456、 123 456.123 456、 000 123 456.123 456 000、 123,456.123 456、 1,2345,6.123456) ，只要小數分割符是'.' 它就能轉化成計算機能夠識別的字符串形式，而且都是123456.123456,計算機處理的

html代碼如下：

<div class="wrap">
<ul class="list clearfix">
<li><a href="">UI設計師</a>
<div class="show">
　 <p>所屬部門：技術部</p>
　　 <p>工作地點：鄭州</p>
　　 <p>招聘人數：21</p>
</div>
</li>
<li><a href="">前端開發工程師</a>
<div class="show">
　 <p>所屬部門：技術部</p>
　　 <p>工作地點：鄭州</p>
　　 <p>招聘人數：21</p>
</div>
</li>
<li><a href="">運維工程師</a>
<div class="show">
　 <p>所屬部門：技術部</p>
　　 <p>工作地點：鄭州</p>
　　 <p>招聘人數：21</p>
</div>
</li>
<li><a href="">研發開發工程師</a>
<div class="show">
　 <p>所屬部門：技術部</p>
　　 <p>工作地點：鄭州</p>
　　 <p>招聘人數：21</p>
</div>
</li>
<li><a href="">UI設計師</a>
<div class="show">
　 <p>所屬部門：技術部</p>
　　 <p>工作地點：鄭州</p>
　　 <p>招聘人數：21</p>
</div>
</li>
<li><a href="">前端開發工程師</a>
<div class="show">
　 <p>所屬部門：技術部</p>
　　 <p>工作地點：鄭州</p>
　　 <p>招聘人數：21</p>
</div>
</li>
<li><a href="">運維工程師</a>
<div class="show">
　 <p>所屬部門：技術部</p>
　　 <p>工作地點：鄭州</p>
　　 <p>招聘人數：21</p>
</div>
</li>
<li><a href="">研發開發工程師</a>
<div class="show">
　 <p>所屬部門：技術部</p>
　　 <p>工作地點：鄭州</p>
　　 <p>招聘人數：21</p>
</div>
</li>
<li><a href="">UI設計師</a>
<div class="show">
　 <p>所屬部門：技術部</p>
　　 <p>工作地點：鄭州</p>
　　 <p>招聘人數：21</p>
</div>
</li>
<li><a href="">前端開發工程師</a>
<div class="show">
　 <p>所屬部門：技術部</p>
　　 <p>工作地點：鄭州</p>
　　 <p>招聘人數：21</p>
</div>
</li>
<li><a href="">運維工程師</a>
<div class="show">
　 <p>所屬部門：技術部</p>
　　 <p>工作地點：鄭州</p>
　　 <p>招聘人數：21</p>
</div>
</li>
<li><a href="">研發開發工程師</a>
<div class="show">
　 <p>所屬部門：技術部</p>
　　 <p>工作地點：鄭州</p>
　　 <p>招聘人數：21</p>
</div>
</li>

</ul>
</div> css代碼如下 * {
margin:0;
padding:0;
}
body {
font-size:12px;
}
.wrap {
width:600px;
margin:100px auto;
}
.clearfix:after, .clearfix:before {
display:table;
content: "";
}
.clearfix:after {
clear:both;
overflow: hidden;
}
.clearfix {
zoom: 1;
}
.list {
position:relative;　 //作為定位的父元素，li直接做父元素出現元素內容重疊問題
}
.list li {
list-style:none;
width:100px;
height:24px;
line-height:24px;
margin-right:10px;
float:left;
}
.list li a {
text-decoration:none;
color:#333;
display:block;
}
.show {
position:absolute;
width:100px;
background:#FFFFE1;
border:1px solid #ffcc01;
padding:6px;
display:none;
z-index:5;
margin-top:10px;　 //代替top
margin-left:60px; //代替left
}
.show p {
height:18px;
line-height:18px;
}
.list li a:hover {
text-decoration:underline;
color:#FF0000;
} jQuery代碼如下： <script type="text/javascript">
$(function(){
var $li=$(".wrap").find("li");
$li.bind("mouseover",function(){
$(this).find(".show").show();　
}).bind("mouseout",function(){
　 $(this).find(".show").hide();
})
})
</script> 預覽效果;

分享：解決jsp重復提交
有幾種方法： 1 在你的表單頁里HEAD區加入這段代碼: META HTTP-EQUIV=pragma CONTENT=no-cache META HTTP-EQUIV=Cache-Control CONTENT=no-cache, must-revalidate META HTTP-EQUIV=expires CONTENT=Wed, 26 Feb 1997 08:21:57 GMT 2 生成一個令牌保存在用戶session中