随笔分类 -  HTML CSS JS

DOM事件探秘（网上截图）
摘要：DOM0级事件处理程序： DOM2级事件处理程序（不适用于IE浏览器）： 跨浏览器事件处理程序： 阅读全文
posted @ 2017-07-20 10:26 她的天空之城 阅读(182) 评论(0) 推荐(0)
HTML/CSS标签（慕课网上截图，东西不多，有点乱）
摘要：部分标签的使用方法： <hx>标题 <p>段落 <q>对简短文本的引用 <blockquote>对长文本的引用 <em><strong> em 是句意强调，加与不加会引起语义变化。 strong 是重要性强调，和局部还是全局无关，局部强调用strong也可以，strong强调的是重要性，不会改变句意 阅读全文
posted @ 2017-07-20 10:23 她的天空之城 阅读(177) 评论(0) 推荐(0)
导航效果（纯CSS版）
摘要：还有一种JS方法：将上述的li:hover改为.lihover 然后再添加以下代码即可： <script type="text/javascript"> window.onload=function(){ var oli=document.getElementsByTagName('li'); fo 阅读全文
posted @ 2016-08-24 17:44 她的天空之城 阅读(481) 评论(0) 推荐(1)
信息滚动
摘要：文字无缝信息滚动： 间歇性信息滚动： 阅读全文
posted @ 2016-08-23 17:02 她的天空之城 阅读(174) 评论(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 她的天空之城 阅读(143) 评论(0) 推荐(0)
js动画（主要学会如何使用定时器，理解代码的整体思路）
摘要：速度动画： 透明度动画： 缓冲动画：在速度动画的基础上做了一些改变，加了缓冲效果，唯一要注意的就是对速度的取整问题，不懂得可以用开发工具调试一下，观察left数据的变化 多物体速度动画： 多物体透明度动画： 获取样式： 任意属性值： 链式动画： 同时运动（json）：var json={name:k 阅读全文
posted @ 2016-08-21 11:56 她的天空之城 阅读(253) 评论(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 她的天空之城 阅读(638) 评论(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 她的天空之城 阅读(246) 评论(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 她的天空之城 阅读(99) 评论(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 她的天空之城 阅读(112) 评论(0) 推荐(0)
DOM事件
摘要：一、事件流 （1）事件冒泡：通俗的讲就是由最具体的元素向上传播至最不具体的节点（文档）； （2）事件捕获：可以理解为事件冒泡反过来，由最不具体至最具体。 二、事件处理程序 （1）HTML事件处理程序 （2）DOM0级事件处理程序 （3）DOM2级事件处理程序 （4）IE级事件处理程序及跨浏览器解决 阅读全文
posted @ 2016-08-19 20:07 她的天空之城 阅读(169) 评论(0) 推荐(0)