CSS3详解:transform 日期:2013-10-24 点击:148 好评:0
近来,HTML5和CSS3的发展速度还是很可观的,国内外不乏一些大站,酷站都在使用最新的技术。面对新的技术,我们该如何正确的把握和使用到今后的项目实战中呢?针对这一问题,浩子决定剖析CSS3,一一像各位同学解答CSS3到底是个神马东西。就已 transform 开始...
jquery 模块拖拽 日期:2013-10-24 点击:197 好评:0
这是 模块拖拽 Javascript代码 $(function(){var _move=false;//移动标记var _x,_y;//鼠标离控件左上角的相对位置 $(".drag").click(function(){ //alert("click");//点击(松开后触发) }).mousedown(function(e){ _move=true; _x=e.pageX-parseInt($(".dra...
JavaScript实现360度全景图片展示效果 日期:2013-10-24 点击:112 好评:0
360全景照片展示由于它的真实性、全视角等特点能够很好的展现产品。而我在工作之余写了一个360度图片展示效果,改变了普通图片平淡的特点,让人们在网上能够进行 360 度全视角观察,而且通过交互操作,可以实现自由浏览,从而震撼的视觉效果。 全景照片: 所...
javascript实现当前页导航激活 日期:2013-10-24 点击:197 好评:0
之前写过一篇 导航效果 ,效果是有的,但是左辽同学所没有效果,我就再写这篇 javascript实现当前页导航激活 ,希望像左辽同学类似的问题得到解决! html (引用 大前端 的导航,不可用#代替链接,测试可以新建几个静态页面) ul id=nav lia href=http://www...
jQuery 随滚动条滚动效果 (固定版) 日期:2013-10-24 点击:107 好评:0
前几天写的《 jQuery 随滚动条滚动效果 (适用于内容页长文章) 》,有几个同学说右侧固定比较好,所以今天就写了个随动固定版。相信一定能解决大部分人的需求! 上代码(基于jQuery): //侧栏随动var rollStart = $('.feed-mail'), //滚动到此区块的时候开...
一家之言:谈谈JavaScript匿名函数 日期:2013-10-24 点击:90 好评:0
匿名函数的概念大家也许不会陌生,但是我相信下面的内容会打开一些新的思路。 我们知道函数的定义方式有两种: 1 function fn1(){alert(fn1 works);} 2 var fn2=function(){alert(fn2 works);} 这两种方式有什么区别?思考一下 1 第一种方式定义函数,函数声...
jQuery 随滚动条滚动效果 (适用于内容页长文章) 日期:2013-10-24 点击:114 好评:0
直接入题! 当内容页比较长的时候,网站右侧一直是空白,不如放点有用的东西给用户看,最好不要放广告,因为那样很邪恶,你懂的。 好吧,昨天写了这个东西, jQuery滚动随动区块 ,代码如下: //侧栏随动var rollStart = $('.feed-mail'), //滚动到此区块的...
jQuery常用焦点图,可做选项卡切换 日期:2013-10-24 点击:121 好评:0
今天早上没什么事儿,就整了个jquery效果,就叫 jQuery常用焦点图,可做选项卡切换 ! 这段jquery代码功能比较多,像焦点图、选项卡、文字定时切换等等! 下面是焦点图的效果图: 演示demo: http://www.daqianduan.com/demo/scroll-commom.html 转载请注明...
自码分享到SNS模块-Dshare 更简洁 更友好 日期:2013-10-24 点击:59 好评:0
Dshare是专属大前端的分享模块,浩子码。 首先,大前端用过Bshare、百度分享等分享插件。有以下感触: 庞大,加载的图片很大,代码很多; 给网站新增3个以上的请求; 有的自带分享统计,对80%的站点来说没有必要,加载的js可以省了; 对此,有了一个想法,写...
关于私有函数内部this指向的讨论 日期:2013-10-24 点击:108 好评:0
看下面这段“诡异”的代码 var ob = function(){ var obj = this; function fn1(){ alert( obj === window );//false alert( this === window );//ture } fn1(); } 假如我们试图这样操作:new ob(); 大家知道fn1会执行,弹出两个alert, 那么你对那两个alert...
推荐优秀jQuery图片插件10+ 日期:2013-10-24 点击:95 好评:0
随着jQuery的深入人心,很多项目都在使用jQuery进行快速开发,这里为大家推荐10款比较好用的图片插件,有几个比较轻量级。希望大家让交互更美好! 1. AJAX-ZOOM 这个插件很有趣,可自动缩放镜头,同时也可转换成3D效果。 2. Transformable 尽可能的变换图像...
jquery简单滚动 日期:2013-10-24 点击:180 好评:0
有关js滚动的效果有很多,也有从各式各样的效果演变而来的。 今天,木木同学问到我之前写的那个jquery实例,说滚动效果没有,其实是有的,少了个文件而已! 先看看demo: http://www.daqianduan.com/demo/scroll-simple.html 转载请注明: 大前端 jquery简单...
JS获取浏览器可视区域尺寸 日期:2013-10-24 点击:182 好评:0
本文所说的是浏览器窗口的可视区域大小,不是浏览器窗口大小,也非页面尺寸。 在没有声明DOCTYPE的IE中,浏览器显示窗口大小只能以下获取: document.body.offsetWidthdocument.body.offsetHeight 在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗...
一家之言:说说 JavaScript 计时器的工作原理 日期:2013-10-24 点击:102 好评:0
看下面内容之前,看一小段代码,如果读者能说出代码的用意,那就没必要往下看了,因为你都懂。 setTimeout(function(){ /* Some long block of code */ setTimeout(arguments.callee, 10); }, 10); setInterval(function(){ /* Some long block of code */ }...
js定时显示广告代码 日期:2013-10-24 点击:67 好评:0
这是一则定时显示广告的javascript代码,当然也可以定时显示某一区块内容,很实用。 代码如下: function strToDate(str, ext) {if (str == null || str == '') return;var arys = new Array();arys = str.split('-');var newDate = new Date(arys[0], arys[...
15 个 JavaScript Web UI 库 日期:2013-10-24 点击:67 好评:0
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。 LivePipe Li...
如何让2个并列的div根据内容自动保持同等高度 日期:2013-10-24 点击:159 好评:0
最近在工作中碰到一个需求: 有左右2个并列的div,2个div都不能限定高度。左div为导航,右div为内容。如何能让左div块自动获得和右div块相等的高度? 同时,也有网友提问到“如果右块高度比左块低,会不会导致左块的内容被溢出不显示之类的问题。应该是取左...
又一个漂亮的jQuery焦点图-解决了鼠标停止图片闪烁的问题 日期:2013-10-24 点击:122 好评:0
昨天写了一篇 一个漂亮的jQuery焦点图 ,蓝色理想有帖子说当鼠标停止的时候图片还在闪烁,意思就是鼠标的触发被记忆在jQuery里面了(我是这么理解的,呵呵)。想想也是,于是就寻思着再写一个来改进这方面的不足。 废话少说,先看看预览: 演示demo: http:/...
DD_belatedPNG解决IE6下PNG不透明问题 日期:2013-10-24 点击:83 好评:0
尽管大前端决定不再对IE6进行神马支持了,但这种需求还在,就整一个吧!一下是转载 知更鸟 的内容,实用就好。 众所周知IE6不支持透明的PNG图片,而PNG图片在Web设计方面表现力上,具有其它图形格式所达不到的效果,IE6这一致命缺陷极大地限制了Web设计的创意...
一个漂亮的jQuery焦点图 日期:2013-10-24 点击:174 好评:0
今天看到走秀改版,吓人啊,设计太强大了,哎,又得好好学习...
8个实用的JavaScript测试及效验工具 日期:2013-10-24 点击:64 好评:0
javaScript 是一款强大的广泛运用于现代Web站点及应用的脚本语言。作为一个技艺精湛的 Web 开发者 ,尤其是 前端开发工程师 ,掌握JavaScript可以增强用户的使用体验,提供交互及富客户端等功能。 尽管JavaScript 的语法非常简单,但对于写程序而言仍然是困...
EMOTIV INSIGHT 是一款轻巧、多频段无线耳机,它可以监测佩戴者的脑部 活动 ,或者直...
尽管这已经不是宜家(IKEA)第一次在产品型录中运用 AR 扩增实境,来让消费者能够跟深...
超声波距离传感器的功耗...
最近,杰弗里马丁拍摄制作了一张超清晰的日本东京巨幅全景 照片 ,逼真的画面效果令人...
你可以在很多地方看到三角形(小三角):tooltips提示框、下拉菜单、甚至在loading载...
原文链接请点击 此处 ,作者为 Richard Clark . 一、不要使用section作为div的替代品 ...