摘要: DOM0级事件处理程序: DOM2级事件处理程序(不适用于IE浏览器): 跨浏览器事件处理程序: 阅读全文
posted @ 2017-07-20 10:26 她的天空之城 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 部分标签的使用方法: <hx>标题 <p>段落 <q>对简短文本的引用 <blockquote>对长文本的引用 <em><strong> em 是句意强调,加与不加会引起语义变化。 strong 是重要性强调,和局部还是全局无关,局部强调用strong也可以,strong强调的是重要性,不会改变句意 阅读全文
posted @ 2017-07-20 10:23 她的天空之城 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 还有一种JS方法:将上述的li:hover改为.lihover 然后再添加以下代码即可: <script type="text/javascript"> window.onload=function(){ var oli=document.getElementsByTagName('li'); fo 阅读全文
posted @ 2016-08-24 17:44 她的天空之城 阅读(465) 评论(0) 推荐(1) 编辑
摘要: 文字无缝信息滚动: 间歇性信息滚动: 阅读全文
posted @ 2016-08-23 17:02 她的天空之城 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 倒计时部分代码: <script>function FreshTime(){ var endtime=new Date("2016/10/15,12:20:12");//结束时间 var nowtime = new Date();//当前时间 var lefttime=parseInt((endti 阅读全文
posted @ 2016-08-22 16:46 她的天空之城 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 速度动画: 透明度动画: 缓冲动画:在速度动画的基础上做了一些改变,加了缓冲效果,唯一要注意的就是对速度的取整问题,不懂得可以用开发工具调试一下,观察left数据的变化 多物体速度动画: 多物体透明度动画: 获取样式: 任意属性值: 链式动画: 同时运动(json):var json={name:k 阅读全文
posted @ 2016-08-21 11:56 她的天空之城 阅读(249) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>下拉菜单</title> <style type="text/css"> body,ul,li{ margin:0; padding:0; font-size: 阅读全文
posted @ 2016-08-20 20:23 她的天空之城 阅读(626) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>慕课网(抽奖系统)</title> <style type="text/css">*{margin: 0px;padding: 0px}.title{width: 阅读全文
posted @ 2016-08-20 17:03 她的天空之城 阅读(242) 评论(0) 推荐(1) 编辑
摘要: 选项卡 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title> 选项卡</title> <style type="text/css"> *{padding:0px;margin: 0px;font:12px norma 阅读全文
posted @ 2016-08-19 21:00 她的天空之城 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 伸缩菜单水平方向 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>伸缩菜单水平方向</title> <style type="text/css"> *{margin:0px;padding:0px;font- 阅读全文
posted @ 2016-08-19 20:29 她的天空之城 阅读(103) 评论(0) 推荐(0) 编辑