jquery模仿的a的title屬性_JSP教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
推薦:jsp中freemarker 數(shù)字格式化一、使用內(nèi)建函數(shù) c 特點(diǎn): 不管其表現(xiàn)形式是怎樣的( 例如123,456.123,456、 123 456.123 456、 000 123 456.123 456 000、 123,456.123 456、 1,2345,6.123456) , 只要小數(shù)分割符是'.' 它就能轉(zhuǎn)化成計(jì)算機(jī)能夠識(shí)別的字符串形式,而且都是123456.123456,計(jì)算機(jī)處理的
html代碼如下:
<div class="wrap"><ul class="list clearfix">
<li><a href="">UI設(shè)計(jì)師</a>
<div class="show">
<p>所屬部門:技術(shù)部</p>
<p>工作地點(diǎn):鄭州</p>
<p>招聘人數(shù):21</p>
</div>
</li>
<li><a href="">前端開發(fā)工程師</a>
<div class="show">
<p>所屬部門:技術(shù)部</p>
<p>工作地點(diǎn):鄭州</p>
<p>招聘人數(shù):21</p>
</div>
</li>
<li><a href="">運(yùn)維工程師</a>
<div class="show">
<p>所屬部門:技術(shù)部</p>
<p>工作地點(diǎn):鄭州</p>
<p>招聘人數(shù):21</p>
</div>
</li>
<li><a href="">研發(fā)開發(fā)工程師</a>
<div class="show">
<p>所屬部門:技術(shù)部</p>
<p>工作地點(diǎn):鄭州</p>
<p>招聘人數(shù):21</p>
</div>
</li>
<li><a href="">UI設(shè)計(jì)師</a>
<div class="show">
<p>所屬部門:技術(shù)部</p>
<p>工作地點(diǎn):鄭州</p>
<p>招聘人數(shù):21</p>
</div>
</li>
<li><a href="">前端開發(fā)工程師</a>
<div class="show">
<p>所屬部門:技術(shù)部</p>
<p>工作地點(diǎn):鄭州</p>
<p>招聘人數(shù):21</p>
</div>
</li>
<li><a href="">運(yùn)維工程師</a>
<div class="show">
<p>所屬部門:技術(shù)部</p>
<p>工作地點(diǎn):鄭州</p>
<p>招聘人數(shù):21</p>
</div>
</li>
<li><a href="">研發(fā)開發(fā)工程師</a>
<div class="show">
<p>所屬部門:技術(shù)部</p>
<p>工作地點(diǎn):鄭州</p>
<p>招聘人數(shù):21</p>
</div>
</li>
<li><a href="">UI設(shè)計(jì)師</a>
<div class="show">
<p>所屬部門:技術(shù)部</p>
<p>工作地點(diǎn):鄭州</p>
<p>招聘人數(shù):21</p>
</div>
</li>
<li><a href="">前端開發(fā)工程師</a>
<div class="show">
<p>所屬部門:技術(shù)部</p>
<p>工作地點(diǎn):鄭州</p>
<p>招聘人數(shù):21</p>
</div>
</li>
<li><a href="">運(yùn)維工程師</a>
<div class="show">
<p>所屬部門:技術(shù)部</p>
<p>工作地點(diǎn):鄭州</p>
<p>招聘人數(shù):21</p>
</div>
</li>
<li><a href="">研發(fā)開發(fā)工程師</a>
<div class="show">
<p>所屬部門:技術(shù)部</p>
<p>工作地點(diǎn):鄭州</p>
<p>招聘人數(shù):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直接做父元素出現(xiàn)元素內(nèi)容重疊問(wèn)題
}
.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> 預(yù)覽效果;
分享:解決jsp重復(fù)提交有幾種方法: 1 在你的表單頁(yè)里HEAD區(qū)加入這段代碼: 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 生成一個(gè)令牌保存在用戶session中
相關(guān)JSP教程:
- jsp response.sendRedirect不跳轉(zhuǎn)的原因分析及解決
- JSP指令元素(page指令/include指令/taglib指令)復(fù)習(xí)整理
- JSP腳本元素和注釋復(fù)習(xí)總結(jié)示例
- JSP FusionCharts Free顯示圖表 具體實(shí)現(xiàn)
- 網(wǎng)頁(yè)模板:關(guān)于jsp頁(yè)面使用jstl的異常分析
- JSP頁(yè)面中文傳遞參數(shù)使用escape編碼
- 基于jsp:included的使用與jsp:param亂碼的解決方法
- Java Web項(xiàng)目中連接Access數(shù)據(jù)庫(kù)的配置方法
- JDBC連接Access數(shù)據(jù)庫(kù)的幾種方式介紹
- 網(wǎng)站圖片路徑的問(wèn)題:絕對(duì)路徑/虛擬路徑
- (jsp/html)網(wǎng)頁(yè)上嵌入播放器(常用播放器代碼整理)
- jsp下顯示中文文件名及絕對(duì)路徑下的圖片解決方法
JSP教程Rss訂閱編程教程搜索
JSP教程推薦
猜你也喜歡看這些
- 解決JSP中拼裝數(shù)據(jù)為XML出現(xiàn)的問(wèn)題
- J2ME 3D編程的第一個(gè)3D程序
- jsp的分頁(yè)查詢的代碼(mysql數(shù)據(jù)庫(kù))
- JSP的MYSQL數(shù)據(jù)庫(kù)的代碼
- 如何通用數(shù)據(jù)庫(kù)jsp分頁(yè)查詢模塊
- jsp include引用非本級(jí)目錄網(wǎng)頁(yè)實(shí)現(xiàn)代碼
- Java多媒體框架設(shè)計(jì)自動(dòng)播放機(jī)
- Servlet和Filter的url匹配url-pattern
- JSP動(dòng)態(tài)網(wǎng)站環(huán)境搭建的詳細(xì)步驟
- 揭秘5種JSP頁(yè)面顯示為亂碼的解決方法
- 相關(guān)鏈接:
- 教程說(shuō)明:
JSP教程-jquery模仿的a的title屬性
。