国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jQuery實現圖片信息的浮動顯示實例代碼

2024-05-06 15:51:16
字體:
來源:轉載
供稿:網友
圖片信息的浮動顯示的效果,在網頁應用中還是比較流行的,下面為大家詳細介紹下使用jquery是如何實現的,喜歡的朋友可以參考下

如圖:

jQuery實現圖片信息的浮動顯示實例代碼

 

復制代碼 代碼如下:


<html>
<head>
<meta charset="utf-8"/>
<style>
li{list-style:none;float:left;margin-right:10px;border:1px solid #AAAAAA}
#tooltip{position:absolute;}
</style>
<script type="text/javascript" src="./script/jquery-1.4.2.min.js"></script>
<script>
$(function(){
var x = 10;
var y = 20;
$("a.tooltip").hover(function(){
var title="蘋果 iPod"><img src="images/apple_1.jpg" /></a></li>
<li><a href="images/apple_2_bigger.jpg" title="蘋果 iPhone"><img src="images/apple_3.jpg" alt="蘋果 Mac"/></a></li>
</ul>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 东莞市| 安远县| 明星| 深州市| 汶上县| 教育| 清远市| 澜沧| 竹山县| 富民县| 玛纳斯县| 景泰县| 秀山| 拜城县| 湄潭县| 信宜市| 永顺县| 昭平县| 乌拉特后旗| 沧州市| 宣汉县| 灵石县| 株洲县| 陇川县| 黔南| 改则县| 萨嘎县| 钟山县| 舒城县| 玉山县| 五台县| 比如县| 福海县| 富顺县| 灯塔市| 丹巴县| 济源市| 通城县| 池州市| 文安县| 旺苍县|