人人做人人澡人人爽欧美,国产主播一区二区,久久久精品五月天,羞羞视频在线观看免费

當(dāng)前位置:蘿卜系統(tǒng)下載站 > 網(wǎng)頁設(shè)計(jì)教程 > 詳細(xì)頁面

運(yùn)用CSS制作按鈕的嵌入效果

運(yùn)用CSS制作按鈕的嵌入效果

更新時(shí)間:2023-06-17 文章作者:未知 信息來源:網(wǎng)絡(luò) 閱讀次數(shù):

網(wǎng)頁的本質(zhì)就是超級(jí)文本標(biāo)記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而,超級(jí)文本標(biāo)記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語言之所以稱為超文本標(biāo)記語言,是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。

【實(shí)例名稱】

利用CSS制作按鈕的嵌入效果

【實(shí)例描述】

Web按鈕可通過css實(shí)現(xiàn)不同的效果,本例介紹按鈕的嵌入效果。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁</title>
<style type="text/css">
.over {color:yellow; background: navy}
.down {color:yellow; background: navy; font-style: italic}
</style>
</head>
<body>
<input 
type="Button"
onMouseOver="this.className='over';" 
onMouseOut="this.className='';" 
onMouseDown="this.className='down';" 
onMouseUp="this.className='over';" 
value="讓按鈕嵌入" 
onClick="this.value='嵌入成功!'" name="Button"> 
</body>
</html>

【運(yùn)行效果】

按鈕的嵌入效果

按鈕的嵌入效果2

【難點(diǎn)剖析】

本例的重點(diǎn)是CSS和按鈕的鼠標(biāo)事件。當(dāng)鼠標(biāo)移到按鈕上時(shí),觸發(fā)的是“onMouscOver”事件,調(diào)用的樣式是“over”;當(dāng)鼠標(biāo)按下時(shí),觸發(fā)的是“onMouseDown”事件,調(diào)用的樣式是“down”。

【源碼下載】

本實(shí)例JS代碼下載


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。

溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!

本類教程下載

系統(tǒng)下載排行

主站蜘蛛池模板: 轮台县| 临沧市| 临安市| 荣成市| 垫江县| 定安县| 日照市| 新竹县| 辽中县| 天峨县| 阿克苏市| 阳东县| 滕州市| 原平市| 延吉市| 石家庄市| 高邮市| 亚东县| 萍乡市| 色达县| 望江县| 宁远县| 噶尔县| 从化市| 樟树市| 民权县| 天等县| 梁山县| 红桥区| 敖汉旗| 潞城市| 安国市| 揭东县| 林西县| 米易县| 乐亭县| 新闻| 嵊泗县| 麻城市| 巴青县| 小金县|