博主信息
博文 59
粉丝 0
评论 1
访问量 57988
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
仿段子案例——2018年3月15日
白猫警长的博客
原创
655人浏览过
实例
<!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>接下来,主人每月把它身上的羊毛剪了三分之一,年底到了,给它织了件毛衣,然后告诉它:诺,这是你的奖励,恭喜你,明年继续努力吧!</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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学