会员
众包
新闻
博问
闪存
云市场
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
她的天空之城
爱拼才会赢---没有天生的信心,只有不断培养的信心。
博客园
首页
新随笔
联系
管理
订阅
2017年7月20日
DOM事件探秘(网上截图)
摘要: DOM0级事件处理程序: DOM2级事件处理程序(不适用于IE浏览器): 跨浏览器事件处理程序:
阅读全文
posted @ 2017-07-20 10:26 她的天空之城
阅读(169)
评论(0)
推荐(0)
编辑
HTML/CSS标签(慕课网上截图,东西不多,有点乱)
摘要: 部分标签的使用方法: <hx>标题 <p>段落 <q>对简短文本的引用 <blockquote>对长文本的引用 <em><strong> em 是句意强调,加与不加会引起语义变化。 strong 是重要性强调,和局部还是全局无关,局部强调用strong也可以,strong强调的是重要性,不会改变句意
阅读全文
posted @ 2017-07-20 10:23 她的天空之城
阅读(168)
评论(0)
推荐(0)
编辑
2016年8月24日
导航效果(纯CSS版)
摘要: 还有一种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)
编辑
2016年8月23日
信息滚动
摘要: 文字无缝信息滚动: 间歇性信息滚动:
阅读全文
posted @ 2016-08-23 17:02 她的天空之城
阅读(167)
评论(0)
推荐(0)
编辑
2016年8月22日
倒计时
摘要: 倒计时部分代码: <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)
编辑
2016年8月21日
js动画(主要学会如何使用定时器,理解代码的整体思路)
摘要: 速度动画: 透明度动画: 缓冲动画:在速度动画的基础上做了一些改变,加了缓冲效果,唯一要注意的就是对速度的取整问题,不懂得可以用开发工具调试一下,观察left数据的变化 多物体速度动画: 多物体透明度动画: 获取样式: 任意属性值: 链式动画: 同时运动(json):var json={name:k
阅读全文
posted @ 2016-08-21 11:56 她的天空之城
阅读(249)
评论(0)
推荐(0)
编辑
2016年8月20日
下拉菜单(键盘事件)
摘要: <!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)
编辑
2016年8月19日
选项卡
摘要: 选项卡 <!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)
编辑
下一页
公告