05 2012 档案

仿百度图片自适应
摘要：其实这个实例来自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) 编辑
一个节点操作实例
摘要：这个实例是在经典论坛看到的一个求助帖，作者是用jQuery实现。我觉得这个实例还是挺实用的，便用JS来实现，并且在功能上改进了一点。经典论坛原帖地址：http://bbs.blueidea.com/thread-3058393-1-1.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 阅读全文
posted @ 2012-05-04 10:31 长风freedom 阅读(308) 评论(0) 推荐(0) 编辑
一个简单幻灯片
摘要：初学JS，会尝试去做一些实例。现将做过的一些放上来，记录自己的学习过程。此实例没有动画效果，只是简单的变化。但是基本功能已经达到了。这是第一次真正运用到三元运算符，还用利用闭包传递索引值。 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&quo 阅读全文
posted @ 2012-05-04 10:21 长风freedom 阅读(130) 评论(0) 推荐(0) 编辑