随笔分类 -  JavaScript

1 2 下一页
抽奖之大富翁
摘要：直接看效果点这里 <!doctype html> <html> <head> <meta charset="UTF-8"> <title> 大富翁 </title> <style> ul {list-style: none; } .lottery { position: relative; widt 阅读全文
posted @ 2015-05-07 17:42 小七丶 阅读(465) 评论(0) 推荐(1)
抽奖之手机大转盘
摘要：直接看效果点这里 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-sc 阅读全文
posted @ 2015-05-06 14:59 小七丶 阅读(4155) 评论(0) 推荐(0)
抽奖之手机刮刮卡
摘要：直接看效果点这里（记得模拟手机噢） 阅读全文
posted @ 2015-05-05 16:47 小七丶 阅读(496) 评论(0) 推荐(0)
抽奖之Flash大转盘
摘要：1.搭建JS与Flash互通的环境 2.提供一个JS的方法给AS调用 3.AS提供一个方法让JS调用 ps:13年时实战项目（http://game.51wan.com/wkll/hd/sx/） 阅读全文
posted @ 2015-05-04 15:28 小七丶 阅读(410) 评论(0) 推荐(0)
鼠标离开方向检测
摘要：直接看效果点这里 阅读全文
posted @ 2015-05-04 11:32 小七丶 阅读(313) 评论(0) 推荐(0)
回忆之日历
摘要：直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 简易多栏日历 </title> <link rel="stylesheet" href="calendar.css"> </ 阅读全文
posted @ 2015-05-04 11:31 小七丶 阅读(275) 评论(0) 推荐(0)
回忆之分页
摘要：直接看效果点这里 HTML <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>分页插件</title> <link rel="stylesheet" href="page.min.css"/> </head> 阅读全文
posted @ 2015-05-04 11:31 小七丶 阅读(198) 评论(0) 推荐(0)
回忆之placeholder
摘要：直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> Placeholder </title> </head> <body> <input class="J_Placeholde 阅读全文
posted @ 2015-05-04 11:31 小七丶 阅读(215) 评论(0) 推荐(0)
回忆之目的地搜索
摘要：直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 目的地搜索 </title> <link rel="stylesheet" href="ui-destination.css 阅读全文
posted @ 2015-05-04 11:27 小七丶 阅读(268) 评论(0) 推荐(0)
回忆之浮窗
摘要：直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 浮窗 </title> <style> * { margin: 0; padding: 0; } .staff { widt 阅读全文
posted @ 2015-05-04 11:27 小七丶 阅读(194) 评论(0) 推荐(0)
回忆之城市搜索
摘要：直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 城市搜索 </title> <link rel="stylesheet" href="ui-departure.css"> 阅读全文
posted @ 2015-05-04 11:26 小七丶 阅读(197) 评论(0) 推荐(0)
回忆之星星评分
摘要：直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title> 星星评分 </title> <link rel="stylesheet" href="star.css"/> </head> <b 阅读全文
posted @ 2015-05-04 11:26 小七丶 阅读(171) 评论(0) 推荐(0)
回忆之横竖滑动门
摘要：直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title> 横竖滑动门 </title> <link rel="stylesheet" href="sliding-door.css"/> < 阅读全文
posted @ 2015-05-04 11:24 小七丶 阅读(276) 评论(0) 推荐(0)
3步学会用gulp
摘要：1.安装gulp安装gulp到全局：npm install -g gulp安装gulp到某个项目：npm install --save gulp注意：请先安装nodejs（自带npm）2.创建gulpfile.js//在你的项目根目录下创建gulpfile.js，代码如下：// 引入 gulpvar... 阅读全文
posted @ 2014-10-14 15:48 小七丶 阅读(1704) 评论(3) 推荐(3)
JavaScript代码片段
摘要：简介：本文收集了我常用的JavaScript代码片段，欢迎提意见！ JavaScript动态加载 //NO.1 function loadScript(url, callback){ var script = document.createElement ("script") script.type 阅读全文
posted @ 2014-03-25 16:42 小七丶 阅读(1135) 评论(0) 推荐(1)
全选、全不选、反选
摘要：读前笑一笑：“老师，我11岁，想问一个问题。”“你好，想问神马？”“基友和炮友有什么不同啊？”老师顿时觉得一种来自祖国未来的压力……然后老师想了想很认真地回答他：“基友就是一起吃肯德基的朋友，pao友就是一起吃泡面的朋友。前者注重交流，后者注重效率。”正文：《想直接看效果，点这里》 【... 阅读全文
posted @ 2014-03-23 13:33 小七丶 阅读(2160) 评论(4) 推荐(1)
Ajax入门
摘要：什么是AJAX？AJAX: 异步的Javascript和XML;XMLHttpRequest对象//现代浏览器内置XMLHttpRqueset对象;//IE5 and IE6等用ActiveXObject("Microsoft.XMLHTTP")实现;//兼容的XMLHttpRqueset对象：va... 阅读全文
posted @ 2013-10-10 18:16 小七丶 阅读(431) 评论(0) 推荐(0)
伪协议触发onbeforeunload
摘要：根据MSDN描述，IE的onbeforeunload事件触发条件：简单点来说就是页面URL发生改变时触发：* 关闭浏览器窗口* 点击后退、前进、刷新、主页* 点击链接到新页面* 调用超链接的click,document.write,document.open,document.close* 调用wi... 阅读全文
posted @ 2013-10-10 12:09 小七丶 阅读(582) 评论(0) 推荐(0)
iframe的操作
摘要：获取iframe的window，获取Iframe的document，获取父页面的window，某个环境是否iframe，动态创建iframe这是demo.html，这个页用iframe嵌入了iframe.html，代码如下： Demo页 我是Demo页 这是if... 阅读全文
posted @ 2013-09-04 13:14 小七丶 阅读(1610) 评论(0) 推荐(0)
自动切换，标签切换，延时切换，切换
摘要：啥？延时切换？自动切换？好吧，我先写好了，看你需求怎么折腾 - -, 标签切换 栏目1 栏目2 栏目3 内容1 内容2 内容3 阅读全文
posted @ 2013-08-20 16:20 小七丶 阅读(776) 评论(2) 推荐(0)

1 2 下一页