实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>小哥的污段子(之一)</title>
<style type="text/css">
div {
width: 550px;
height:395px;
padding:15px;
border-radius:15px;
box-shadow: 5px 5px 5px #858585;
background-image: url(https://img.php.cn//upload/image/494/134/596/1521169268207920.jpg);
background-size:580px 425px;
}
h3{
color:#ec3d00;
font-family:Microsoft YaHei;
font-size:22px;
text-align:center;
}
p {
color:#9d5349;
line-height:2em;
font-family:Microsoft YaHei;
}
</style>
</head>
<body>
<div>
<h3 onmousemove="change(this)" onmouseout="back(this)">
小哥的污段子(之一)</h3>
<p >蔡头：你猜猜我是哪里人？<br />
小哥：看你短短的腿，就知道是中日混血。<br />
蔡头：没错。我爸爸是中坜的，我妈妈是日月潭的。<br />
小哥：那我自己的出身，便不好意思讲了。<br />
蔡头：为什么？<br />
小哥：因为我爸爸是基隆的，我妈妈是八堵人。所以就是XX混血。<br />
小哥：为甚么要取'蔡头'当艺名呢?<br />
蔡头：因为我爸爸姓蔡，所以就叫蔡头啦。<br />
小哥：喔!还好，你不是归亚蕾的儿子，不然岂不是要叫做……</p>
</div>
<script type="text/javascript">
function change(element){
element.style.fontSize = "25px"
element.style.color ="#c20609"
}
function back(element){
element.style.fontSize = "22px"
element.style.color ="#ec3d00"
}
</script>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
