JavaScript - 随笔分类 - 向我开炮

移动web Javascript框架

摘要：之前做为联想打印机官网做移动端的页面，由于之前没多少经验，好不容易搞定了，一直没整理，比较杂乱，抽空整理了下。准备弄成一份框架，以后有新东西可以在这个基础上添加。模拟日常智能机的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 向我开炮阅读(218) 评论(0) 推荐(0)

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 向我开炮阅读(239) 评论(0) 推荐(0)

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 向我开炮阅读(301) 评论(0) 推荐(0)

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 向我开炮阅读(325) 评论(0) 推荐(0)

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 向我开炮阅读(298) 评论(0) 推荐(0)

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 向我开炮阅读(565) 评论(0) 推荐(0)

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 向我开炮阅读(270) 评论(0) 推荐(0)

JS随机生成表格

摘要：在blueidea看打一个面试题。要求如下1、任意输入行数或列数点击 “生成表格”就可以生成对应的表格；2、行数和列数必须是整型数值，否则提示非法！3、在生成表格的单元格中随机填入 1到15之间的随机整数，并在每个单元格的背景随机填充颜色；4、点击表格任意单元格，将其数值和背景颜色反应在下面的未命名.jpg下拉框和色块中；未点击单元格该区域不显示；5、选择下拉框中的任意数值将该数值所在的单元格标识出来，将单元格的边框用红色方框起来；（注意：另选数字之后，要清空先前被框选的单元格的标识！）6、效率要求：在IE6下，100×100生成表格时间小于3秒。要求在页面中打印出生成表格所耗阅读全文

posted @ 2012-02-15 17:31 向我开炮阅读(502) 评论(0) 推荐(0)

Tool.js

摘要：常用JS工具集合，持续更新 ...//事件处理(2012.2.15 / 2012/3/27) var EventUtil = { addHandler:function(ele,type,handler){ //绑定事件 var list = {a:["addEventListener","attachEvent"],r:["removeEventListener","datachEvent"]}; var name = arguments[3]===true ? l... 阅读全文

posted @ 2012-02-14 14:24 向我开炮阅读(334) 评论(0) 推荐(0)

随笔分类 - JavaScript