<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="" />
<style type="text/css">
.box{width:1000px;margin:0 auto;height:500px;border:1px solid green;}
.tbox{width:150px;height:30px;border:1px solid #585858; margin:10px 10px;background-color:#eee;vertical-align:middle;background: url(re_code2.png) no-repeat #EEE 8px 8px;background-size: 15px;}
.ptes{width:115px;height:30px;}
.tbox1{width:150px;height:30px;border:1px solid red; margin:10px 10px;}
.pb1:hover {background-color:#eee;vertical-align:middle;background: url(re_code1.png) no-repeat #EEE 8px 8px;background-size: 15px;}
</style>
<script type="text/javascript"></script>
</head>
<body style="background-color:#FFF;">
<div class="box">
<div class="tbox" onmouseout="this.className='tbox'" onmousemove="this.className='tbox1 pb1'">
<div style="float: left; width:30px; height:30px;">
</div>
<div class="ptes" style="float: left;">
<input id="password" name="password" type="password" placeholder=" 請(qǐng)輸入密碼" value="" style="width:100%;height:26px;border-style:none"/>
</div>
</div>
<div>
</body>
</html>

以上所述是小編給大家介紹的分享JS代碼實(shí)現(xiàn)鼠標(biāo)放在輸入框上輸入框和圖片同時(shí)更換樣式，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

JavaScript編碼風(fēng)格指南(中文版)
寫(xiě)作本文旨在加深自己印象，也為了更多人的了解到JS編碼風(fēng)格，提高自己的編碼質(zhì)量。想了解更多的內(nèi)容請(qǐng)閱讀《編寫(xiě)可維護(hù)的JavaScript》
2016-08-08
JS實(shí)現(xiàn)簡(jiǎn)單打磚塊彈球小游戲
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)單打磚塊彈球小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-05-05
javascript判斷firebug是否開(kāi)啟的方法
這篇文章主要介紹了javascript判斷firebug是否開(kāi)啟的方法,結(jié)合實(shí)例形式分析了javascript基于console控制臺(tái)方法判斷firebug開(kāi)啟狀態(tài)的相關(guān)操作技巧,需要的朋友可以參考下
2016-11-11
JS根據(jù)變量保存方法名并執(zhí)行方法示例
用eval方法，把傳進(jìn)來(lái)的這個(gè)方法名所代表的方法當(dāng)作一個(gè)對(duì)象來(lái)賦值給method1的func屬性,需要的朋友可以參考下
2014-04-04
Math.js解決js中小數(shù)精度丟失問(wèn)題
在JavaScript中進(jìn)行小數(shù)運(yùn)算時(shí),會(huì)容易出現(xiàn)精度丟失的問(wèn)題,例如在進(jìn)行兩個(gè)小數(shù)相加時(shí),結(jié)果并不是預(yù)期的精確值,而是一個(gè)近似值,,使用第三方庫(kù)Math.js可以避免精度丟失的問(wèn)題,本文導(dǎo)入Math.js庫(kù)和使用Math.js的方法來(lái)進(jìn)行小數(shù)運(yùn)算,同時(shí)還可以指定格式來(lái)保留小數(shù)位數(shù)
2023-12-12
js的函數(shù)的按值傳遞參數(shù)(實(shí)例講解)
下面小編就為大家分享一篇js的函數(shù)的按值傳遞參數(shù)的實(shí)例，具有很好的參考價(jià)值，一起跟隨小編過(guò)來(lái)看看吧，希望對(duì)大家有所幫助
2017-11-11
JavaScript調(diào)試之console.log調(diào)試的一個(gè)小技巧分享
日常開(kāi)發(fā)中經(jīng)常會(huì)需要console來(lái)查看當(dāng)前對(duì)象的值。當(dāng)然用debugger會(huì)更全面的查看，但是總有只喜歡用console的，比如我。下面這篇文章主要給大家分享了關(guān)于JavaScript調(diào)試之console.log調(diào)試的一個(gè)小技巧，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-08-08
Javascript異步表單提交，圖片上傳，兼容異步模擬ajax技術(shù)
使用Javascript異步表單提交，圖片上傳，兼容異步模擬ajax技術(shù),需要的朋友可以參考下。
2010-05-05
javascript parseInt() 函數(shù)的進(jìn)制轉(zhuǎn)換注意細(xì)節(jié)
parseInt(string, radix) 有2個(gè)參數(shù)，第一個(gè)string 是傳入的數(shù)值，第二個(gè)radix是傳入數(shù)值的進(jìn)制，參數(shù)radix 可以忽略，默認(rèn)為 10，各種進(jìn)制的數(shù)轉(zhuǎn)換為十進(jìn)制整數(shù),接下來(lái)詳細(xì)介紹，感興趣的朋友可以了解下哦
2013-01-01
微信小程序中的列表切換功能實(shí)例代碼詳解
這篇文章主要介紹了微信小程序中的列表切換功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-06-06