摘要: 1.实现原理直接见代码,需要一张转圈的小图片,需要预览的所有图片默认的位置全是这张小图片,滚轮滚到原图需要出现的位置时候,预览加载替换小图片.实现效果 <div style="height: 2500px;" id="txtScrollTop"> </div><div id="galleryList"> </div>var util = { $: function (id) { return document.getElementById(id); }, getElementsByCla 阅读全文
posted @ 2011-08-11 16:46 !nothing 阅读(1803) 评论(1) 推荐(1) 编辑
摘要: 转至 http://www.mojavelinux.com/articles/javascript_hashes.htmlHash Tables in JavascriptConstructing a Hash Table Implementation for JavascriptJavascript is a prototype based object-oriented language where an objects is a mapping from property names to values. This tutorial demonstrates how to wrap th 阅读全文
posted @ 2011-08-02 09:39 !nothing 阅读(529) 评论(0) 推荐(1) 编辑
摘要: 1.transition:a.foo{padding:5px 10px;background:#578;color:#aa9;-moz-transition:all 0.3s ease;}a.foo:hover,a.foo:focus{background:#999;color:#ee6;}其中transition:background 0.3s ease 1s参数分别表示属性,渐变时间,样式,延迟时间.可以transition的属性可以为:width,opacity,position,font-size.样式有六个属性:ease,ease-in,ease-out,ease-in-out,li 阅读全文
posted @ 2011-05-01 21:18 !nothing 阅读(1489) 评论(1) 推荐(0) 编辑
摘要: 效果预览如下,我在想要是每滑动一个子菜单,就能出一点声音,那就可以自动弹琴了,想想都爽死了. 博客园 首页 新随笔 联系 管理 订阅 实现原理还是有点点复杂,产生随机数,随即选择一个滑动,然后循环执行一个函数.然后给每个添加事件,mouseover的时候就停止,mouseover时候在开始循环执行函数html代码:<div id="nothing-menu"> <a href="#">博客园</a> <a href="#">首页</a> <a href="#& 阅读全文
posted @ 2011-04-25 17:09 !nothing 阅读(545) 评论(0) 推荐(1) 编辑
摘要: 效果预览如下: Name Street E-mailHTML代码:<div class="slider"> <label>Name</label><input type="text" /></div><div class="slider"> <label>Street</label><input type="text" /></div><div class="slider" 阅读全文
posted @ 2011-04-23 18:35 !nothing 阅读(1558) 评论(7) 推荐(6) 编辑
摘要: 效果预览如下:我只测试了ie8 9 和火狐,不保证其他浏览器能运行,sorry!最近热点最近新闻最近活动天津情结仍延续 托马西:愿做中国足球的马可·波罗 天津情结仍延续 托马西:愿做中国足球的马可·波罗 天津情结仍延续 托马西:愿做中国足球的马可·波罗 天津情结仍延续 托马西:愿做中国足球的马可·波罗 泰达雨战墨尔本遭遇太多不公 小将失绝杀后悔莫及 泰达雨战墨尔本遭遇太多不公 小将失绝杀后悔莫及 泰达雨战墨尔本遭遇太多不公 小将失绝杀后悔莫及 泰达雨战墨尔本遭遇太多不公 小将失绝杀后悔莫及 泰达雨战墨尔本遭遇太多不公 小将失绝杀后悔莫及 泰达雨战墨尔本遭 阅读全文
posted @ 2011-04-22 16:43 !nothing 阅读(1666) 评论(6) 推荐(4) 编辑
摘要: Untitled Page效果预览如下:我只测试了ie8,9 和火狐,不保证其他浏览器能运行,sorry! 实现原理: 容器采用相对定位,图片采用绝对定位,当鼠标移动到相应的图片上,改变去left属性,用tween实现动画效果.代码分析:写一个picSlider类实现代码封装 <div id="container"> <img src="http://images.cnblogs.com/cnblogs_com/cloudgamer/143727/r_song1.jpg" alt="" /> <img s 阅读全文
posted @ 2011-04-21 21:23 !nothing 阅读(1815) 评论(13) 推荐(4) 编辑