2012年6月
JS抽奖程序
摘要： 在经典论坛看到一个抽奖程序的求助，趁着自己有空，也写一个。有点懒，用了人家的html和css。想象在一个活动中，给每个进场的人员按顺序发标有001、002……这样的卡片，这样就可以知道参与抽奖的人员有多少。抽奖可能分一等奖、二等奖等，这里我就不管，只是每个抽中的号码，不会出现在下次的抽奖中，就是每个人最多只能获一次奖。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 阅读全文
posted @ 2012-06-29 14:30 长风freedom 阅读(543) 评论(0) 推荐(0) 编辑
CSS3模拟加载效果
摘要： 写这个效果纯粹是为了好玩。 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=&quo 阅读全文
posted @ 2012-06-18 16:37 长风freedom 阅读(193) 评论(0) 推荐(0) 编辑
CSS3仿淘宝旋转小箭头
摘要： 这两天在学习CSS3，觉得挺好玩的。让我想起淘宝上旋转的小箭头，http://ued.taobao.com/blog/2010/05/05/css3-animation/这里有源码，不过我看着好像挺复杂的，于是试着自己做一个。出来的效果跟原效果的差别之一是：鼠标离开后没有往回旋转的效果。不过刚开始学习，暂时先这样吧。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd& 阅读全文
posted @ 2012-06-15 15:09 长风freedom 阅读(2877) 评论(0) 推荐(0) 编辑
表单自动切换焦点
摘要： 时间过的真是很快，转眼六月份已经过去一半了。感叹完毕回到正题。早上在看《javascript高级程序设计》，看到自动切换焦点的功能，这个功能确实不错，于是做起来。学到了onkeyup这个事件。 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&q 阅读全文
posted @ 2012-06-14 11:21 长风freedom 阅读(192) 评论(0) 推荐(0) 编辑
2012年5月
仿百度图片自适应
摘要： 其实这个实例来自http://www.w3cfuns.com/blog-5400161-5394900.html我只是稍微改了一下，觉得这个功能还是很实用的。 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 <he 阅读全文
posted @ 2012-05-14 11:50 长风freedom 阅读(245) 评论(0) 推荐(0) 编辑
带动画效果的下拉菜单
摘要： 这个效果好久都想做的，但是能力有限。今天看到一个动画实例受到启发，就把它做出来了。它能够适应下拉菜单的高度，可能还不那么完善。 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" xml:lang="en"> 阅读全文
posted @ 2012-05-14 11:39 长风freedom 阅读(325) 评论(0) 推荐(0) 编辑
input文字判断效果
摘要： 经典原文地址http://bbs.blueidea.com/thread-3037858-1-1.html在这里我改善了一下，就是即使是密码输入框，也能显示明文。这是仿163邮箱的做法。 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" 阅读全文
posted @ 2012-05-09 11:58 长风freedom 阅读(226) 评论(0) 推荐(0) 编辑
货币计算程序
摘要： 也是在经典看到的帖子，原文地址http://bbs.blueidea.com/thread-3051472-1-3.html规则如下1金=100银；1银=100铜；1铜=100铁；银币、铜币、铁币最高额为99，金币无限制。1银等价于1人民币通过用户输入 金币 银币 铜币 铁币的数值 计算能得到多少人民币！第一次遭遇整数和小数相加的精度问题，因为预知小数的位数，所以采用toFixed来控制输出，但是自知这不是好方法。望高手指点。通过baidu，找到这个处理浮点运算误差问题的函数。这个函数只是处理加法的运算，还有处理减法、乘法、除法的函数，可以上网找找。function accAdd(arg1,a 阅读全文
posted @ 2012-05-07 11:20 长风freedom 阅读(181) 评论(0) 推荐(0) 编辑
点击弹出层
摘要： 此实例可说是十分常见，主要功能有：点击弹出层后背景变灰；点击背景任何一处关闭层；拉动滚动条时层的位置不变。感觉代码不够精简。 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 阅读全文
posted @ 2012-05-04 11:36 长风freedom 阅读(733) 评论(0) 推荐(0) 编辑
格式化银行卡号
摘要： 在使用财付通还信用卡时，在输入卡号后，卡号会自动按照4位一组分开来。我觉得这个功能挺好的，能够方便用户检查刚输入的卡号，有助于提升用户体验。 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 阅读全文
posted @ 2012-05-04 11:20 长风freedom 阅读(410) 评论(0) 推荐(0) 编辑
下一页