收藏
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>績效工資</title>
<style>
div{
width: 400px;
height: 300px;
border: solid 1px #8888;
padding: 15px;
background-image: url(imager/1.jpg);
background-size: 430px 330px;
box-shadow: 10px 10px 8px #999;
border-radius: 10px;
}
h3{
text-align: center;
color: red;
font-style: 20px;
}
p{
line-height: 1.5em;
color: #000000;
text-indent: 2em;
}
</style>
</head>
<body>
<div>
<h3 onmousemove="change(this)" onmouseout="bod(this)">績效工資</h3>
<p>從前有只羊，一天得干10個小時的活。</p>
<p>一天，主人告訴它，多干活有獎勵，于是它照做了。</p>
<p>接下來，主人每月把它身上的羊毛剪了三分之一，年底到了，給它織了件毛衣，然后告訴它：諾，這是你的獎勵，恭喜你，明年繼續(xù)努力吧！</p>
<p>羊很生氣，把它的故事寫成童話，起了個名字叫："績效工資"。</p>
</div>
<script type="text/javascript">
function change(ments) {
ments.style.fontSize = '25px'
ments.style.color = 'green'
}
function bod(ments){
ments.style.color = 'red'
ments.style.fontSize = '20px'
}
</script>
</body>
</html>
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例 
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號