随笔分类 - js demo
摘要:以前页面就有浏览器兼容问题 只能ie浏览 今天有空看了一下代码 确实比较糟糕 代码如下: 1 <input type="hidden" name="checkInDate" id="checkInDate" /> 2 <SCRIPT LANGUAGE="JavaScript"> 3 var nowtoday = new Date(); 4 var showMonth = nowtoday.getMonth() + 1; 5 var showDate = ""; 6 if
阅读全文
摘要:我的便签1.用localStorage存储数据 比cookie存储空间大 缺点就是基于支持html5的浏览器2.操作就是对localStorage数据的提取/展示/修改/保存3.这个实例更多的是对数组的操作4.chrome和firefox是可以本地预览的 ie8 9需要启动本地服务http://localhost/才支持window.localStorage下载地址:http://files.cnblogs.com/dtdxrk/html5-localStorage.rar 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <
阅读全文
摘要:1、给你一个字符串,要你找出里面出现次数最多的字母和出现的次数,例如:“weruiewiuorsdjfklxsdfwerxcvcvcvmqwersadftioytyiopuioptuioptyiouio”; 1 2、字符串的字节长度; 1 3.、去掉数组中重复的元素 var a = ["abc", "def", "a", "b", "c", "a", "b", "c"]; 1
阅读全文
摘要:效果预览:http://jsfiddle.net/dtdxrk/AWLu3/3/embedded/result/简单制作思路1.获取浏览器宽度添加ul 每个ul里默认添加5个li2.图片数据http://cued.xunlei.com/demos/publ/img/P_001.jpg-P_162.jpg3.当ul高小于页面的高加载数据 1 2 3 4 5 原生Js自适应浏览器宽度的瀑布流布局 6 17 18 19 20 21 简单制作思路 22 1.获取浏览器宽度添加ul 每个ul里默认添加5个li 23 2....
阅读全文
摘要:效果预览:http://jsfiddle.net/dtdxrk/8v6Yw/embedded/result/Js选择大学的弹出框 JSON数据格式 制作过程看别人用jquery做的 自己再用原生的写一个 js数据地址 http://files.cnblogs.com/technology/school.js 1.创建html css2.点击input显示学校div3.控制学校div的位置4.读取数据<!DOCTYPE HTML><html lang="en"><head><meta http-equiv="Content-
阅读全文
摘要:效果预览:http://jsfiddle.net/dtdxrk/tuc8w/7/embedded/result/思路很简单 鼠标点击触发事件 元素跟随鼠标移动 鼠标放开清除事件主要是计算元素的位置鼠标在元素上按下的时候 记录下鼠标的x和y坐标 记录下元素的x和y坐标鼠标在元素上移动的时候 元素y = 现在鼠标y - 原来点击鼠标y + 原来元素y 元素x = 现在鼠标x - 原来点击鼠标x + 原来元素x 1 <!DOCTYPE HTML> 2 <html lang="en"> 3 <head> 4 <meta http-equiv
阅读全文
摘要:请编写一个JavaScript函数 parseQueryString,它的用途是把URL参数解析为一个对象如:var url = ”http://www.taobao.com/index.php?key0=0&key1=1& key2=2”var obj = new parseQueryString(url);alert(obj.key0) // 输出0 1 2 3 4 5 Web前端面试题 Js把URL中的参数解析为一个对象 6 7 8 28 29 30
阅读全文
摘要:效果预览:http://jsfiddle.net/dtdxrk/wYABP/embedded/result/ 1 <!DOCTYPE HTML> 2 <html lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>Js仿淘宝星级评分</title> 6 <style> 7 *{margin:0;paddi
阅读全文
摘要:效果预览:http://jsfiddle.net/dtdxrk/ygM5y/1/embedded/result/<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
阅读全文
摘要:效果预览:http://jsfiddle.net/dtdxrk/BExYy/embedded/result/当鼠标略过某个区块的时候,该区块会放大,并且其他的区块仍然固定不动。 1 2 3 4 5 一道Web前端面试题 DIV放大 6 13 14 15 16 A17 B18 C19 20 21 46 47 48
阅读全文
摘要:1 <!DOCTYPE HTML> 2 <html lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>Js广告_全屏漂浮广告</title> 6 <style type="text/css"> 7 div#roll{width:100px;height:100px; backgrou
阅读全文
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; c
阅读全文