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

首頁 > 編程 > JavaScript > 正文

jquery 簡短幾句代碼實現給元素動態添加及獲取提示信息

2019-11-20 23:41:48
字體:
來源:轉載
供稿:網友
還是要首先引用JQ框架。

然后來看看效果:(連接添加不上)只能暫時看哈圖片, 具體效果可參見我博客左方“My Box”中的“玩游戲”:

下面代碼中有具體注釋。

再來看看代碼:
復制代碼 代碼如下:

<div id="_gameinfo" style="width:158px; border:1px #FFC solid; background-color:#FFF; position:fixed; z-index:101; display:none;padding:1px;">
</div>
<div id="thegameBox" style="text-align:center;">
<a href="javascript:;" alt="WASD鍵控制小女孩移動,方向鍵控制小男孩的移動,不同顏色的陷阱只能容納不同顏色的人通過哦!" name="binghuoren">深林冰火人</a>
<a href="javascript:;" alt="鼠標點擊抓東西。" name="zhishangqiu">智商球3</a>
<a href="javascript:;" alt="鼠標操作,移動鼠標控制機械手移動,點擊左鍵釋放磁吸力抓住貨物。" name="yunshuchuan">船長的運輸船</a>
</div>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#thegameBox a").mousemove(function(ev){
var _Imgsrc="http://files.VeVB.COm/upload/201109/20110901202741350.jpg";//這里需要將元素name設置和你的圖片名字一樣
var _Ways=$(this).attr("alt");//獲取當前鼠標指著的元素的alt
$("#_gameinfo").show();//顯示提示層
if(!ev){ev=window.event;};//檢測是否為IE
document.getElementById("_gameinfo").style.left=(ev.clientX+10)+"px";//設置提示信息left為鼠標的X軸距離+10px
document.getElementById("_gameinfo").style.top=(ev.clientY+10)+"px";//設置提示信息top為鼠標的X軸距離+10px
$("#_gameinfo").html('<img src="'+_Imgsrc+'" alt="" width="158" height="117" style="margin-bottom:3px;" /><br />'+'<font color="blue">操作方法:</font>'+_Ways+'');//給提示層里面添加內容并傳入參數
}).mouseout(function(){
$("#_gameinfo").hide();//鼠標離開元素提示層隱藏
})
})
</script>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宁都县| 南江县| 灯塔市| 盐边县| 日喀则市| 二连浩特市| 黔西县| 遵义县| 灵川县| 多伦县| 彩票| 浪卡子县| 秀山| 武安市| 韩城市| 松滋市| 田阳县| 甘洛县| 定南县| 杭州市| 德兴市| 昌都县| 陆河县| 和平县| 鄂伦春自治旗| 房山区| 丽水市| 宝清县| 光泽县| 来凤县| 屏东县| 宝山区| 扎兰屯市| 定兴县| 万年县| 涞源县| 乌什县| 景德镇市| 宕昌县| 长海县| 富宁县|