html显示唐诗介绍,index.html

作业提交

//定义获取词语下标

var a_idx = 0;

jQuery(document).ready(function($) {

//点击body时触发事件

$("body").click(function(e) {

//需要显示的词语

var a = new Array("富强","民主", "文明", "和谐","自由", "平等", "公正","法治", "爱国", "敬业","诚信", "友善");

//设置词语给span标签

var $i = $("").text(a[a_idx]);

//下标等于原来下标+1 余 词语总数

a_idx = (a_idx + 1)% a.length;

//获取鼠标指针的位置，分别相对于文档的左和右边缘。

//获取x和y的指针坐标

var x = e.pageX, y = e.pageY;

//在鼠标的指针的位置给$i定义的span标签添加css样式

$i.css({"z-index" : 999999,

"top" : y - 20,

"left" : x,

"position" : "absolute",

"font-weight" : "bold",

"color" : "#ff6651"

});

//在body添加这个标签

$("body").append($i);

//animate() 方法执行 CSS 属性集的自定义动画。

//该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。

//详情请看http://www.w3school.com.cn/jquery/effect_animate.asp

$i.animate({

//将原来的位置向上移动180

"top" : y - 180,

"opacity" : 0

//1500动画的速度

}, 1500, function() {

//时间到了自动删除

$i.remove();

});

});

});

#button {

font-size: 12px;

border: 1px rgb(56, 157, 240) solid;

width: 160px;

height: 65px;

padding: 12px 24px;

border-radius: 15px;

text-decoration: none;

font-family: SimSun;

color: rgb(56, 157, 240);

}

/* #backgroimg {

background-size: cover;

background-image: url(img/背景.jpg);

background-position: center;

background-position: 0px 800px;

} */

#top a{

color:black;

}

/* #two p{

color:aquamarine;

} */

• 我的作品介绍
• 自我介绍
• bilibili
• 轻松批
• 杜甫
• 新闻列表
• 百度
• 课程表
• QQ登录
• bootstrap

这个人很懒，没有写介绍

老师好 我叫唐诗毅 软件技术二班 学号200320502013我是一个比较懒的人，不过对于我喜欢的事物，我会变得勤奋！

这是bilibili作业

进入

这是轻松批

进入

这是杜甫

进入

这是新闻列表

进入

百度

进入

课程表

进入

QQ登录

进入

bootstrap

进入

一键复制

编辑

Web IDE

原始数据

按行查看

历史