国产探花免费观看_亚洲丰满少妇自慰呻吟_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>

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

圖片精選

主站蜘蛛池模板: 洞头县| 阜新市| 佛冈县| 保靖县| 肇庆市| 达州市| 皮山县| 柞水县| 青神县| 长岭县| 巩留县| 贵州省| 漳平市| 嘉黎县| 章丘市| 嘉义县| 萝北县| 文登市| 筠连县| 遵义市| 黄冈市| 灵川县| 华池县| 綦江县| 苍溪县| 封丘县| 上杭县| 昌宁县| 米易县| 迁安市| 昭平县| 竹山县| 惠来县| 碌曲县| 卫辉市| 麻城市| 全南县| 灵璧县| 东海县| 阿拉善左旗| 信宜市|