javascript css
文章平均质量分 71
eidolon8
这个作者很懒,什么都没留下…
展开
-
JQUERY实现背景图渐显(淡入淡出)
普通的CSS Hover最多就换一下背景图,不是很好看~我们利用jquery给它加上一些淡入的效果~在这里看到这个例子,我想我还是自己练习一下吧·~效果可以看http://dragoninteractive.com/网站~,挺帅的~实现原理通过一个两张不同的图片,两个不同的层重叠在一起,顶层暂时透明,当鼠标移上去时,顶层由透明变成不透明,鼠标离开反之。准备工作用PS做一张图原创 2011-12-30 13:20:20 · 2609 阅读 · 0 评论 -
HTML 5 标签、属性、事件及浏览器兼容性速查表
HTML 5 可以说是近十年来 Web 标准最巨大的飞跃。和以前的版本不同,HTML 5 并非仅仅用来表示 Web 内容,它的使命是将 Web 带入一个成熟的应用平台,在这个平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。尽管 HTML 5 的实现还有很长的路要走,但 HTML 5 正在改变 Web。为了方便大家学习HTML 5 ,本文与大家分享几份 HTML 5 标签、属性、事件及浏转载 2011-12-26 07:56:21 · 697 阅读 · 4 评论 -
分享30个最佳 jQuery Lightbox 效果插件
Lightbox 应该是最流行的图片浏览效果了,常具有功能包括:自动根据窗口的大小缩放图片,模式窗口,幻灯片方式播放,内容预加载,渐变等效果。Web开发者们模仿 Lightbox 开发了各种各样的图片浏览插件,有基于 jQuery 的,有基于 Prototype 的,也有使用原生 JavaScript 写的。今天,本文要与大家分享的是30个最佳 jQuery Lightbox 效果插件。1.j转载 2011-12-26 07:46:55 · 416 阅读 · 0 评论 -
60款很酷的 jQuery 幻灯片演示和下载
jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片,一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片,一起欣赏。Cloud Carousel (演示 |下载)ShineTime (演示 |下载)转载 2011-12-26 07:39:09 · 441 阅读 · 0 评论 -
分享25个很棒的网页设计教程和资源网站
如果你是一个初学者,你想找高质量的设计资源和高品质的网页设计教程,可以看看本文列出的25个很棒的网页设计教程和资源网站,如果你是高手,也可以把自己制作的设计教程发布到这些网站上,这样更多人能够从你的教程学到东西,同时可以为你的博客带去更多的访客,这是一个双赢的方式。1. Pixel2LifePixel2Life 是最大的资源搜索引擎,在这个网站上,你可以找到各种各样的Photoshop原创 2011-12-26 07:13:55 · 1792 阅读 · 0 评论 -
HTML5 网站大观:15个清爽简约风格的 HTML5 网站作品
本期的 HTML5 网站大观与大家分享15个精美的 HTML5 清爽简约风格网站。HTML5 是现在Web开发领域的热点,越来越多的开发人员开始使用 HTML5 来开发交互性强、效果出众的Web应用和游戏。希望这些制作精美的 HTML5 网站实例能帮助大家更好的学习 HTML5 网站制作。Naomi Atkinson DesignNeve InspiredCreative Ja转载 2011-12-25 23:52:42 · 1462 阅读 · 0 评论 -
2011年度最佳 jQuery 插件
近日,国外著名博客WDL发布了2011年度最佳 jQuery 插件。jQuery 自2006年发布以来,经过五年的迅速发展,目前已是最流行和使用最广泛的 JavaScript 框架。jQuery 的易扩展性吸引了来自全球的开发者来共同编写 jQuery 插件,jQuery 插件不仅能够增强网站的可用性,有效的改善用户体验,还可以大大减少开发时间。IsotopeIsotype 是一款原创 2011-12-25 23:42:43 · 471 阅读 · 0 评论 -
特别推荐:Web开发常用速查手册大全
网络上关于各种语言和应用软件的速查手册和快速参考指南有很多很多,不幸的是当我们需要的时候,总是很难找到,所以我决定花点时间尽可能的收集更多的资源并分享给大家,记得推荐一下哦 :)索引CSSHTMLJavascriptPHPMySQLColor/Fonts/SEOCMSSoftwaresBrowsers & OSOthers/MiscellaneousCSSCSS3 Cheat转载 2011-12-26 09:09:07 · 1196 阅读 · 0 评论 -
提升你网站水平的 jQuery 插件推荐
jQuery是一个优秀JavaScript库,它简化了HTML文档遍历,事件处理,动画和Ajax交互。 jQuery的确改变了很多人写JavaScript的方式。如今,有很多现成的jQuery插件可供选择,帮助你在网站中加入惊人的功能和效果。看看这些非常棒的jQuery插件吧,我相信你会发现一些很有用的东西。lsotopeIsotope 是一款精致的 jQuery插件,用于创建单纯转载 2011-12-26 08:35:20 · 555 阅读 · 0 评论 -
Web开发者必备的20款超赞jQuery插件
jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。现在的jQuery插件很多,可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。Creative Radical Web TypographyLettering.js是一个轻量经的、易于使用的jQuery插件,可创转载 2011-12-26 08:09:23 · 518 阅读 · 0 评论 -
分享20款漂亮的Windows 7主题
如果你正在使用WIN7,而且想换个主题的话,可以看看本文收集的这些主题。在这些主题中,有简约风格、苹果风格,黑色的、白色的,还有Win 98风格的,看看有没你喜欢的。windows 7 ultimate blackDownloadKuro 2010 for Windows 7DownloadSoft7 1.8 for Windows 7DownloadShi转载 2011-12-26 08:06:24 · 1855 阅读 · 0 评论 -
Web前端开发工程师必读的15个设计博客
Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要,无论是学习新技术,还是寻找免费资源与工具,设计博客都是很不错的去处。本文向Web前端开发工程师推荐15个非常不错的技术博客。1. Smashing Magazine Smashing Magazine创建于2006年,是最好的设计博客之一,有很多Web设计和开发方面的高质量文章,内容涉及HTML5、C转载 2011-12-26 09:26:02 · 907 阅读 · 1 评论 -
Eclipse安装插件支持jQuery智能提示
最近工作中用到jQuery插件,需要安装eclipse插件才能支持jQuery智能提示,在网上搜索了一下,常用的有三个插件支持jQuery的智能提示:1.jQueryWTP2.Spket3.Aptana以下分别介绍三个插件的安装方法:一、jQueryWTP的安装方法(官方):step1:download jqueryWTP_version.jarstep2:find原创 2011-12-29 11:39:18 · 2356 阅读 · 1 评论 -
Eclipse jQuery plug-in(自动补全)
1,Eclipse安装 spket 插件。(两种方式):在线安装:Help->Install New Software...->Add...->Name: "Spket", Location: http://www.spket.com/update/下载完毕重启Eclipse。手动安装:到http://www.spket.com/download原创 2011-12-29 11:29:48 · 1072 阅读 · 0 评论 -
Modernizr——为HTML5和CSS3而生!
10年前,只有最尖端的网站设计师会为网页的布局和修饰使用CSS。那时的浏览器对CSS进行布局的支持即不完善又漏洞百出,所以这些人在坚持WEB标准化的同时,也不得不采用hacks来使得他们的页面在所有浏览器中都能正常显示。其中一个被使用的越来越多的hack技术是浏览器嗅探(browser sniffing),使用Javascript里的navigator.userAgent属性来判断用户使用的是什么转载 2011-12-29 13:08:21 · 706 阅读 · 0 评论 -
jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
研究了两天ui.tabs,终于搞定,之前在网上下了一个老版本的api,好多方法在1.7都用不了然后我就晕了.addTabs和removeTabs方法在1.7都没有了而在网上看到别人写的一个符合我要求的代码就是老版本的,但我觉得不能放弃,一定要用新版本的UI哎,突然发现这个博客的编辑功能很牛哦,要有代码看看就好不费话了,放代码 CodeCode highli原创 2012-01-06 23:17:35 · 1100 阅读 · 0 评论 -
jquery1.6中的.prop()和.attr()异同
最近在iteye的新闻中看到jQuery已经更新到了1.6.1。和之前版本的最大变化是增加了.prop方法。但是.prop()方法和.attr()方法,单从字面上很难区分。在汉语中properties和attributes都有表示“属性”的意思。下面根据这篇博文(javascript:mctmp(0);),简要翻译了.prop()和.attr()的用法:1、从1.5.2升级到1.6.1转载 2012-01-05 14:22:03 · 1293 阅读 · 0 评论 -
60佳灵感来自大自然的网页设计作品欣赏
在网页设计中结合大自然风格的美丽元素已成为日益流行的趋势。虽然大部分这样的设计都是加入一些装饰性质的元素,如树木,花草,天空,云彩等等...也有一些Web设计师能完美的集成自然风景到他们的设计作品中。这篇文章向大家分享60佳自然风格网页设计作品,希望这些精美的例子能带给你灵感,尽情欣赏吧!pojeta.czmorphix.sichrisjockey.com原创 2011-12-27 11:47:45 · 1188 阅读 · 0 评论 -
12款很棒的浏览器兼容性测试工具推荐
对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒的工具。Spoon Browser Sandbox点击你需要测试的浏览器环境,安装插件就可以进行测试了。帮助你测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要转载 2011-12-26 09:25:17 · 647 阅读 · 0 评论 -
2011年度最佳 jQuery 插件发布啦
近日,国外著名博客WDL发布了2011年度最佳 jQuery 插件。jQuery 自2006年发布以来,经过五年的迅速发展,目前已是最流行和使用最广泛的 JavaScript 框架。jQuery 的易扩展性吸引了来自全球的开发者来共同编写 jQuery 插件,jQuery 插件不仅能够增强网站的可用性,有效的改善用户体验,还可以大大减少开发时间。IsotopeIsotype 是一款转载 2011-12-26 07:45:40 · 602 阅读 · 0 评论 -
22个带给你灵感的网页联系表单设计案例
联系表单是网站非常重要的一部分,访客通过联系表单和网站所有者取得联系,反馈信息。新颖的网页表单设计能吸引用户的注意力,让更多的用户填写反馈信息。这里收集22个优秀的网页联系表单设计案例,希望能带给您灵感。Reverend DangerTim BiskupInsiteKettleCory EtzkornGiftRocketC原创 2011-12-26 07:32:42 · 706 阅读 · 0 评论 -
分享30个最新的单页网站设计案例
单页网站是指只有一个页面的网站,这种形式的网站曾经非常流行,现在依然有很多人喜欢。不过,并不是每个网站都适合做成单页,一般都是内容比较少而且将来内容也不怎么增加的情况才适合这样做。如果你打算做一个这样的网站,那么下面这些例子相信能带给你灵感。Pub AidAboard EntrepreneurshipSoloKiera LaceyMostly Serious转载 2011-12-26 07:57:09 · 515 阅读 · 0 评论 -
分享20个优秀的网页表单设计案例
表单是网站非常重要的一部分。网站的表单风格各异,可能是简洁的,也可能是多彩的、很有创意的,需要牢记的是表单设计应尽量吸引用户的注意力,引导他们想要往表单里填写信息。这里收集了一些很好的例子供大家参考。Sophie HardachClyde Quay Wharf37 EastSoapboxRxBalanceEEHarborC转载 2011-12-26 07:35:53 · 979 阅读 · 0 评论 -
25个带单个输入框和提交按钮的表单设计案例
提交表单是网站非常重要的一部分,之前曾介绍了25个优秀的表单设计案例,今天要介绍的是25个带单个输入框和提交按钮的表单设计案例,这种表单最常见的应用场景是搜索和邮件订阅。让我们一起来参考一下这些非常有吸引力的设计。300 PixelsdribbblrMeta SetCardFlyacosminLife Could be Betterenj转载 2011-12-26 07:34:27 · 1159 阅读 · 0 评论 -
CSS3属性选择符详解
CSS3语言开发是朝着模块化发展的。 以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括:盒子模型 列表模块 超连结方式 语言模块 背景和边框 文字特效 多栏布局等。 首先,我们希望,这是个正确的方式,CSS3将完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。对我们来说,CSS3主要转载 2009-09-25 19:10:00 · 1046 阅读 · 0 评论 -
网络之美:JavaScript中Get和Set访问器的实现
前两天IE9 Beta版发布了,对于从事Web开发的朋友们来说真是个好消息啊,希望将来有一天各个浏览器都能遵循统一的标准。今天要和大家分享的是JavaScript中的Get和Set访问器,和C#中的访问器非常相似。标准的Get和Set访问器的实现function Field(val){ this.value = val; } Field.prototype转载 2011-12-26 08:30:57 · 487 阅读 · 0 评论 -
最新8款非常漂亮的免费英文字体
本文收集了最新8款漂亮的免费英文字体与大家分享。InfinityBloxTidalBanda RegularPacificaOtama e.p.CreaticaBroken Records转载 2011-12-26 08:07:01 · 1481 阅读 · 0 评论 -
Firebug 1.7.0 正式发布 完全兼容 Firefox 4
Firebug 是最流行的 Web 开发工具,功能非常强大。在经过十一个 Alpha 版和四个 Beta 版之后,Firebug 开发团队终于宣布正式发布 Firebug 1.7.0 版本,同时发布 Chromebug 1.7.0 版本,正式版修复了最后一个 Beta 版本中的三个 Bug。 Firebug 1.7 完全兼容今天正式发布的 Firefox 4,另外还新增了很多特色功能:原创 2011-12-26 08:02:08 · 680 阅读 · 0 评论 -
分享35套很不错的抽象纹理背景素材
背景图案对网页设计师来说非常有用,因为漂亮的纹理可以让你的网站看起来更加优雅时髦,从而脱颖而出。选择的背景图案应该和网站整体的设计搭配,不能太花哨了。今天,本文与大家分享35套很不错的抽象纹理背景素材,喜欢朋友记得收藏起来哦。转载 2011-12-26 07:47:53 · 586 阅读 · 0 评论 -
学习HTML5十佳站点推荐
当下掀起一股HTML5学习热潮,越来越多的人尝试用HTML5来制作网页游戏等丰富的Web应用。尽管HTML5的完全实现还有很长的路要走,但HTML5正在改变Web,未来HTML5将把Web带入一个更加成熟和开放的应用平台。为了方便大家学习HTML5 ,本文向大家推荐十个非常好的学习HTML5的网站。1. Dive into HTML52. HTML5 Doctor3. WTF转载 2011-12-26 07:57:51 · 588 阅读 · 0 评论 -
分享27款非常棒的 jQuery 表单插件
jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。本文收集了非常棒的jQuery表单插件与大家分享,欢迎大家推荐更多更好的插件。1- jQuery inline form validation2- Uniform 3- Autotab4- jquery N转载 2011-12-26 07:59:24 · 537 阅读 · 0 评论 -
34个漂亮的应用程序后台管理系统界面(系列二)
今天这篇文章收集了34个漂亮的应用程序后台管理界面分享给大家。这些界面都是来自themeforest网站,虽然直接下载需要付费的,不过大部分都提供了在线预览,所以完全能够复制下来,有的提供了预览图,设计师可以根据预览图自己设计。希望这些漂亮的后台管理界面设计案例能帮助到你。(有登录界面的,点击登录即可进入后台界面)Flexy AdminBroom Cupboard Admi原创 2011-12-26 07:20:05 · 1251 阅读 · 1 评论 -
24款非常实用的CSS3工具终极收藏
对于Web设计和开发人员来说,CSS是非常重要的一部分,随着越来越多的浏览器对CSS3的支持及不断完善,设计师和开发者们有了更多的选择。如今,用纯CSS就可以实现各种各样很酷的效果,甚至是动画。今天这篇文章向大家推荐24款非常优秀的CSS3工具,为了获得更佳的效果,请在Chrome 4+, Safari 4+, Firefox 3.6+, IE9+, Opera 10.5+版本浏览器中浏览如下在线转载 2011-12-25 23:44:50 · 384 阅读 · 0 评论 -
在EditPlus中使用JSLint校验JavaScript代码
JSLint是大牛Douglas Crockford提供的一个语法检测工具,用来检测是否使用了Javascript中“不好的部分”,避免隐含的错误,规范代码书写习惯。在线检测地址为www.jslint.com。每次将代码复制到浏览器中检测,还是有点麻烦,在比较紧急的情况下,甚至忽略或忘记。在IDE中集成这个作为插件,在提交测试前运行一下,更加方便快捷。鉴于目前的国内网络环境,本地检测更是一种永久可转载 2011-12-26 08:38:33 · 1006 阅读 · 0 评论 -
又抓到虫子了:IE中奇怪的应用CSS的BUG
由于IE系浏览器对标准的支持不够好,导致Web开发中经常需要去处理浏览器兼容性问题,特别有些莫名其妙的问题很让人头疼,今天要说这个问题就是这样的,先从插入CSS的三种方法说起:外部样式(External Style Sheet) 当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表转载 2011-12-26 08:13:15 · 516 阅读 · 0 评论 -
32款精美的WordPress 3.0免费主题
主题: Akylas 演示 |下载主题: Side Blog 演示 |下载主题: WooThemes – The Morning After 演示 |下载主题: Hydrogenize 演示 |下载主题: GraphPaperPress – Mansion Theme 演示 |下载主题:转载 2011-12-26 08:11:19 · 947 阅读 · 0 评论 -
分享20+非常棒的数码摄影教程和技巧
让照片看起来和在现实世界中看到的一样,加色、调整曝光,这些都可以通过图像处理软件来实现,其中最流行的当然是Photoshop,它绝对是最常用的一个。的确,使用Photoshop让一张很普通的照片变得非常精美并不难,而如果你想在现实世界中拍出一幅与众不同的照片,却是没那么容易的,今天本文与大家分享一些非常棒的数码摄影教程和技巧。Painting with LightIndie Mov转载 2011-12-26 08:03:57 · 665 阅读 · 0 评论 -
分享25佳 iPad 应用程序的网站设计案例
苹果的东西太招人喜欢了,iPad 2在国内还未上市,江湖传闻有中国“黄牛”提编织袋在美国抢购 iPad 2,不知是真是假。不过我们今天不讨论这个,我们说点别的,有的人称iPad为平板电脑,有的人说不对,应该叫手本,叫什么其实不重要,好用就行。今天要给大家分享的是 iPad 应用程序的网站设计案例,相信对你制作 iPad 应用程序的网站会有很大帮助。Free FormiDraw转载 2011-12-26 08:03:05 · 924 阅读 · 0 评论 -
Web开发者必备的20款超赞jQuery插件
jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。现在的jQuery插件很多,可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。Creative Radical Web TypographyLettering.js是一个轻量经的、易于使用的jQuery插件,可创转载 2011-12-26 07:44:11 · 350 阅读 · 0 评论