Js經(jīng)典案例的實例代碼
更新時間：2018年05月10日 10:57:41 作者：haitaodoit
JS實現(xiàn)鼠標懸停切換圖片,顯示天氣預(yù)報，利用焦點實現(xiàn)選擇網(wǎng)站的實例代碼，具有很好的參考價值，希望對大家有所幫助，一起跟隨小編過來看看吧
本文講述了JS實現(xiàn)鼠標懸停切換圖片，顯示天氣預(yù)報，利用焦點實現(xiàn)選擇網(wǎng)站的實例代碼，分享給大家供大家參考，具體如下：
鼠標懸停切換圖片：
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById('b1').src ="diaochan.jpg"
}
function mouseOut()
{
document.getElementById('b1').src ="noimage.gif"
}
</script>
</head>
<body>
<a href="#"
onmouseover="mouseOver()" onmouseout="mouseOut()">
<img alt="Visit W3School!" src="noimage.gif" id="b1" onmouseover="alert('你的鼠標在圖片上！')")/>
</a>
</body>
</html>
js顯示天氣預(yù)報：
<html> <head><title></title> <script type="text/javascript"> </script> </head> <body > <div> <iframe src="http://m.weather.com.cn/m/pn11/weather.htm" width="480" height="70" frameborder="1"></iframe> </div> </body> </html>
js利用焦點實現(xiàn)選擇網(wǎng)站：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var i = 1;
var focusid;
function defau() {
document.getElementById('1').focus();
focusid=1;
}
function showtable() {
var id = i + 1;
document.getElementById(id).focus();
focusid=id;
i++;
if (i == 4) {
i = 0;
}
}
function openhref() {
var href = document.getElementById(focusid).href;
document.location = href;
}
</script>
</head>
<body onload="defau()">
<a id="1">百度</a>
<a id="2">谷歌</a>
<a id="3">優(yōu)酷</a>
<a id="4">土豆</a>
<input id="Button1" type="button" value="選擇" onclick="showtable()" /><br />
<input id="Button2" type="button" value="進入" onclick="openhref()" />
</body>
</html>
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
這篇文章主要是對鍵盤KeyCode值進行了詳細的匯總，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
通常我們判斷js圖片大小都是利用images對象，然后再用attr來獲取圖片地址再進行判斷就可以了。這篇文章主要介紹了Javascript判斷圖片尺寸大小的實例,需要的朋友可以參考下2014-06-06
JS導(dǎo)出PDF插件的方法(支持中文、圖片使用路徑)
下面小編就為大家?guī)硪黄狫S導(dǎo)出PDF插件的方法(支持中文、圖片使用路徑)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
微信小程序 scroll-view 水平滾動實現(xiàn)過程解析
這篇文章主要介紹了微信小程序 scroll-view 水平滾動實現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
JavaScript將XML轉(zhuǎn)成JSON的方法
這篇文章主要介紹了JavaScript將XML轉(zhuǎn)成JSON的方法,實例分析了javascript操作XML文件及格式轉(zhuǎn)化的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
WordPress中鼠標懸停顯示和隱藏評論及引用按鈕的實現(xiàn)
這篇文章主要介紹了WordPress中鼠標懸停顯示和隱藏評論及引用按鈕的實現(xiàn),順帶顯示和隱藏評論者信息的實現(xiàn)方法,非常實用,需要的朋友可以參考下2016-01-01
click方法可以用來模擬用戶點擊。有的瀏覽器中所有元素都具有click方法，有的瀏覽器則沒有。2011-07-07
這篇文章主要介紹了js動態(tài)添加帶圓圈序號列表的實例代碼,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-02-02
windows系統(tǒng)下簡單nodejs安裝及環(huán)境配置
相信對于很多關(guān)注javascript發(fā)展的同學(xué)來說,nodejs已經(jīng)不是一個陌生的詞眼,這里不想談太多的nodejs的相關(guān)信息。只說一下，windows系統(tǒng)下簡單nodejs環(huán)境配置2013-01-01
javascript制作loading動畫效果 loading效果
項目中多處要給ajax提交的時候增加等待動畫效果，所以就寫了一個簡單的通用js方法,大家參考使用吧2014-01-01