向我开炮 - 博客园

2012年5月30日

摘要：之前做为联想打印机官网做移动端的页面，由于之前没多少经验，好不容易搞定了，一直没整理，比较杂乱，抽空整理了下。准备弄成一份框架，以后有新东西可以在这个基础上添加。模拟日常智能机的app交互。尚未完善，持续更新。预览效果html部分：<!doctype html><html><head> <script type="text/javascript" src="js/scroll.js"></script> <link href="css/common.css" rel=& 阅读全文

posted @ 2012-05-30 17:14 向我开炮阅读(211) 评论(0) 推荐(0) 编辑

2012年5月16日

常用正则，常用字符验证 js

摘要： //常用字符验证var validateRegExp={ decmal:"^([+-]?)\\d*\\.\\d+$", //浮点数 decmal1: "^[1-9]\\d*.\\d*|0.\\d*[1-9]\\d*$", //正浮点数 decmal2: "^-([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*)$", //负浮点数 decmal3: "^-?([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*|0?.0+|0)$", //浮点数 decmal4: "^[1-9]\\d 阅读全文

posted @ 2012-05-16 10:13 向我开炮阅读(255) 评论(0) 推荐(0) 编辑

2012年4月6日

js 日历控件。

摘要：【效果预览】【下载文件】一直想写一个日历控件。因种种原因迟迟未写，总算写了一个自己的日历控件了，没啥复杂功能。下面是截图css部分：@charset "utf-8";/* CSS Document */.mainBox{width:800px;margin:50px auto;background:#eee;padding:10px;border:1px solid #222;}body{margin:0px;padding:0px;}.dateBox{width:160px;line-height:20px; background:#fff;}.dateBox td{pa 阅读全文

posted @ 2012-04-06 16:51 向我开炮阅读(226) 评论(0) 推荐(0) 编辑

2012年3月28日

图片延迟加载

摘要：工作需要写了一个简单的图片延迟加载【效果预览】大概思路如下：获取所有需要延迟加载的图片，根据位置进行排序，触发滚动条或window窗口大小的时候判断哪些图片在当前可见区域，以此类推，完毕之后删除事件，完成。写代码的时候大概思路如下：1、默认给需要延迟的图片src设置成一张1px的透明gif图片，把图片路径存储到img的一个叫"_src"的属性当中(属性名自定义)。2、给需要延迟加载的图片一个标识，我这里用的一个class叫"loadImg"的名字。3、获取所有标识的对象，然后根据其位置进行排序。这个方法可以参考源代码里边初始化时候的sortNumber 阅读全文

posted @ 2012-03-28 15:50 向我开炮阅读(206) 评论(0) 推荐(0) 编辑

2012年3月8日

Canvas 小游戏台球

摘要：预览地址：点击预览尚未完善，持续更新... /3.8/操作方法：鼠标放到蓝球上点击拉动松开即可，顶部红色线条为力度，力度与该长度成正比。请使用非IE内核浏览器。//(2012.3.9)1、鼠标移出画布清除线条和球杆。2、记录桌面球体移动数量。(防止连续动作)HTML部分：<!DOCTYPE HTML><html><head><title>Canvas 台球</title></head><body></body></html>JS部分：(function(){ /* Author:Jin. 阅读全文

posted @ 2012-03-08 18:22 向我开炮阅读(285) 评论(0) 推荐(0) 编辑

2012年3月5日

Canvas画钟 js

摘要：用Canvas模拟了webQQ里头的那个钟。下图左侧是webQQ的原版，右侧是画出来的。效果预览画的过程中都还比较顺利，只是最里边的那个小圆顶部有一点点小渐变，花了不少功夫。用得比较多的是旋转部分的代码，得先存之前的位置，然后再旋转，再恢复到原来的属性继续往下画。HTML部分：<!DOCTYPE HTML><html> <head> <meta chaset="utf-8" /> <title>Canvas Clock</title> <style> a{color:#333;margin: 阅读全文

posted @ 2012-03-05 15:50 向我开炮阅读(318) 评论(0) 推荐(0) 编辑

2012年3月4日

Canvas js 小游戏

摘要：第一次用canvas做了个很小很小的游戏。不是很完美，算是Hello Wrold吧。预览效果下面的横条可以用左右箭头键控制，也可以用鼠标。按键控制不是很灵活。下面是html：<!DOCTYPE HTML><html> <head> <meta chaset="utf-8" /> <title>Canvas 小游戏</title> <style> a{color:#333;margin:0 10px;font-size:24px;} .ts{width:800px;text-align:cen 阅读全文

posted @ 2012-03-04 14:52 向我开炮阅读(271) 评论(0) 推荐(0) 编辑

2012年2月29日

showImg jquery插件图片展示 js

摘要：做了一款Jquery插件。常用图片展示的。预览效果打包下载主要有图片滚动，无限循环，大图展示。下面是JS代码：//showImg/**Author:Jin.DH*Date:2012/2/29**使用方法：示例：$("#listDIV").showImg({v:6,b:"#bigPic",p:".listPre",n:".listNext",t:5000,auto:true,class:"current"});参数介绍，参数是一个对象,属性如下：v:显示数量(默认为5);b:大图容器(默认为空); 阅读全文

posted @ 2012-02-29 17:25 向我开炮阅读(545) 评论(0) 推荐(0) 编辑

2012年2月27日

IE 透明无效 js

摘要：我们在做图片渐变显示的时候，给图片设置透明的在IE里边失效。导致的原因是图片没有设置高宽，解决办法也就是给图片设置高宽即可。下面是一个效果的JS代码，红颜色部分代码如果删掉在IE里面就不会有渐变效果。function g(id){ if(!id)return; if(typeof id =="string"){ return document.getElementById(id); }; return id;};var banner2 = { init:function(){ var that = this; this.m... 阅读全文

posted @ 2012-02-27 11:37 向我开炮阅读(263) 评论(0) 推荐(0) 编辑

2012年2月17日

ie fixed

摘要：众所周知，IE6不支持fixed属性。常用的方法是JS进行处理。会出现跳动现象，网上的解决方案是为html或者body添加background-image:about(blank);或background-attachment:fixed;我们直接用expression貌似不行，后来发现是缓存导致的，解决方案是使用:eval();套用了下，不错的。各个位置算法如下：左上角：left:document.documentElement.scrollLeft;top:document.documentElement.scrollTop;left：等于scrollLeft,top:也直接等于scrol 阅读全文

posted @ 2012-02-17 16:34 向我开炮阅读(337) 评论(0) 推荐(0) 编辑