用 CSS 來(lái)控制:
創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供迭部網(wǎng)站建設(shè)、迭部做網(wǎng)站、迭部網(wǎng)站設(shè)計(jì)、迭部網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、迭部企業(yè)網(wǎng)站模板建站服務(wù),十多年迭部做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
*?{
cursor:?url('路徑'),?auto;
}
三點(diǎn)要對(duì)新手說(shuō)的,第一這個(gè)路徑是相對(duì)于你這個(gè) CSS 的路徑的;第二是要想所有瀏覽器(IE8之前的直接PASS)都支持,格式需要為 ?cur 或者 ico 的;第三尺寸最好是 32*32 的。
!DOCTYPE html
html
head
meta charset="utf-8" /
script type="text/javascript" src="jquery-1.7.2.min.js"/script
style type="text/css"
*{
margin: 0;
padding: 0;
}
.hbody{
margin-left: 25%;
}
.show{
margin-left: 160px;
width: 200px;
height: 200px;
border: 1px solid #EEEEEE;
}
.show img{
width: 200px;
height: 200px;
}
.tab{
border: 1px solid #eee;
width: 535px;
height:100px ;
}
.tab img{
border: 1px solid #eee;
width: 100px;
height: 100px;
cursor: pointer;
}
/style
/head
body
div class="hbody"
div class="show"
img /
/div
div class="tab"
img src="1.jpg" /
img src="2.jpg" /
img src="3.jpg" /
img src="4.jpg" /
img src="5.jpg" /
/div
/div
/body
script
$(function(){
var Src = $('.tab').find('img').eq(0).attr('src');
$('.show').find('img').attr('src',Src)
})
$('.tab').find('img').mouseover(function(){
var inx = $(this).index();
var Imgsrc = $('.tab').find('img').eq(inx).attr('src');
$('.show').find('img').attr('src',Imgsrc)
})
/script
/html
引一個(gè)jquery文件,圖片地址替換一下就可以了
html中有一個(gè)標(biāo)簽,直接給文字添加一個(gè)a標(biāo)簽 ;\x0d\x0a比如:\x0d\x0a關(guān)于我們\x0d\x0aa標(biāo)簽?zāi)J(rèn)的鼠標(biāo)放上去就是一個(gè)手指的樣式,或者你也可以用cursor: pointer;這個(gè)給他設(shè)置一下,cursor還有其他的屬性可以使用
獲取你鼠標(biāo)點(diǎn)擊位置的left與top值,然后更改角色圖片的left與top值。通過(guò)getElementById獲取角色圖片元素。照葫蘆畫(huà)瓢知道嗎?你參考參考超級(jí)瑪麗是怎么做的。超級(jí)瑪麗是根據(jù)“→”鍵位控制圖片,其實(shí)就是更改了原來(lái)圖片的top與left值。同理,你只要得到鼠標(biāo)點(diǎn)擊部位的top與left值,那么再傳給角色,角色就會(huì)移動(dòng)過(guò)去。建議參考超級(jí)瑪麗 javascript代碼,
標(biāo)題名稱:html5鼠標(biāo),HTML5鼠標(biāo)經(jīng)過(guò)顯示內(nèi)容
網(wǎng)頁(yè)路徑:http://aaarwkj.com/article24/dsiiije.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、搜索引擎優(yōu)化、域名注冊(cè)、企業(yè)建站、云服務(wù)器、網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)