Jquery教程:仿FLASH的页面跳转效果
- 所属栏目：Jquery开发
- Tag:
做了许多局部的 jQuery 效果，昨天在网上看到一个个人觉得很不错的页面跳转效果,网站上有脚本报错，于是我把代码和 jQuery 提取和整理出来，制作了一款漂亮的页面跳转效果，分享给大家使用。 目前该跳转效果 不支持IE6 .但不影响页面。 Demo Download Step1....
jQuery创建一个404动画页面
- 所属栏目：Jquery开发
- Tag:
如果有人输入一个错误的URL或链接破坏了，那么臭名昭著的404页就必然会出现。为了鼓励用户能返回你的网站，设计一个友好的404页面时必不可少的。...
写给设计人的10个jQuery特效
- 所属栏目：Jquery开发
- Tag:
jQuery已经不是什么新鲜的事儿，记得第一次听说是在catch the digital flow上。总把它认为是非常难的东西，也就没有认真去了解他了。...
jQuery性能优化指南
- 所属栏目：Jquery开发
- Tag:
在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。...
javascript input自动聚焦应用修改
- 所属栏目：Jquery开发
- Tag:
在登陆界面中，通常，最重要的部分为登陆的Form表。一个非常棒的提升体验的做法是，在载入页面时自动聚焦到第一个提供用户输入的表单框，让用户不用再多一个点击，就可以输入。这被很多网站采用。比如维基百科就是这样： 当然，自动聚焦不仅仅适合在登陆界面...
让IE6兼容网页固定导航条（浮动导航）的方法分享
- 所属栏目：Html+css
- Tag:
2012年网页设计最流行的元素莫过于固定导航，最前端的设计技术莫过于HTML5和CSS3，在IE7及以上浏览器、火狐、Chrome、Safari等主流浏览器中，设计师们可以使用position:fixed;，配合代码：top:0px; left:...
8种CSS清除浮动的方法优缺点分析
- 所属栏目：Html+css
- Tag:
因为浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。...
IE中a标签使用滤镜渐变的问题
- 所属栏目：Html+css
- Tag:
IE中使用滤镜制作a标签渐变按钮导致鼠标经过按钮中的文本时，背景才会发生变化（同时鼠标才能呈手型），解决方法就是给a标签再添加一个background属性，可随便设置颜色或者背景图片，则可解决问题...
纯HTML+CSS打造组织架构图
- 所属栏目：Html+css
- Tag:
前段时间公司总监要我用HTML+CSS做一个部门组织架构图，问我能否实现的了？一开始以为很简单，就随口答应了。当着手做的时候才发现是多么的棘手。上图就是最后实现的效果，唯一的瑕疵就是父级与它的子级不能居中对齐。于是使用js来辅助父级与它的子级对齐，不...
5款设计风格独特的导航菜单分享
- 所属栏目：Html+css
- Tag:
来自PeHaa的一个纯CSS实现的Lavalamp风格的导航菜单，使用CSS3的动画过渡效果实现类似Lavalamp风格的导航菜单。...
完美解决ie6下 position:fixed无效的方法
- 所属栏目：Html+css
- Tag:
ie6下，position:fixed不起作用，怎样解决这个bug，以下经实践证明，是可行的。 以底部居右20px为例: html代码:div id=bot-fixed/div css代码如下： 1、常规position:fixed 设置 #bot-fixed{position:fixed;bottom:0;right:20px;} 2、ie6下 position:fixed...
关于CSS细节集合(二)
- 所属栏目：Html+css
- Tag:
一、IE6及以下不识别a 标签外的:hover伪类，在火狐，IE7里能正确达到效果，解决办法： #show li.s1{ border:1px solid #ff9900; background:#454242;} #show li.s2{ border:1px solid #D9D8D8; background:#312E2E;} 二、为元素设置hasLayout 很多IE6（或IE7...
关于CSS细节集合(一)
- 所属栏目：Html+css
- Tag:
一、当文字与图片在一行，需要将文字与图片底对齐，需要这样写： li记住密码img src= align=bottom style=margin-bottom:-4px//li 二、当文字与图片在一行，需要将文字与图片居中对齐，需要这样写： li记住密码img src=static/i.....
rgba背景透明和border透明重叠.
- 所属栏目：Html+css
- Tag:
rgba背景透明和border透明重叠问题. 代码如下: .box3{width:250px;height:250px;background-color:rgba(255,255,255,0.5);border:5px solid rgba(0,0,0,0.5);} .box2{width:250px;height:250px;background-color:rgba(0,0,0,0.5);border:5px solid rg.....
不同浏览器中的Opactiy属性Css Opacity hack
- 所属栏目：Html+css
- Tag:
Css Opacity hack 不同浏览器中的Opactiy属性 opacity是CSS 3里的一个属性，用来设定元素的透明度。当然现在还只有少部分浏览器支持。 不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari： IE: filter:alpha(opacity) Mozilla: -moz-o...
css透明兼容，alpha兼容
- 所属栏目：Html+css
- Tag:
以前的兼容代码: .transparent_class { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* ie8 */ filter:alpha(opacity=50); /* ie5-7 */ -moz-opacity:0.5; /* old mozilla browser like.....
一个不确定宽度的区块水平居中
- 所属栏目：Html+css
- Tag:
我们知道，如果要一个区块水平居中，最好的办法是设置其width，然后使用margin左右为auto，但是对于一个不确定宽度的区块，我们也想要水平居中该怎么办，其实可以设置其display为table，然后设置左右的margin为auto，不过ie6,7不支持display: table;除此之外...
CSS制作鼠标经过后变大效果
- 所属栏目：Html+css
- Tag:
CSS制作鼠标经过后变大效果,主要运用的position 定位标签,这个效果是在浏览网站的时候看到的，随手就给练习了下。 把你想要的默认效果写出来，然后给鼠标经过（:hover）的时候的效果里添加position:relative;属性，也就是相对定位，就可以实现在原有单词的基...
百个前端设计常用Javascript语句
- 所属栏目：Html+css
- Tag:
1.document.write( ' '); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- html- (head,body) 4.一个浏览器窗口中的DOM顺序是:window- (navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById( '表...
表单（textarea）有关焦点的用法大全
- 所属栏目：Html+css
- Tag:
表单（textarea）有关焦点的用法大全 1.文本框显示默认文字： 前端开发-csswang 前端开发-csswang 2.鼠标点击文本框，默认文字消失： 前端开发-csswang 前端开发-csswang 3.鼠标移至文本框，默认文字消失： 前端开发-csswang 前端开发-csswang 4.鼠标点击文本...
多选框全选/取消jQuery一句话实现
- 所属栏目：Html+css
- Tag:
使用jquery简单的实现多选框全选/取消jQuery一句话轻松实现 Javascript代码 function selectAll(checkbox) { $('input[type=checkbox]').attr('checked', $(checkbox).attr('checked')); } Html代码 全选 查看:Demo.....
关于CSS细节集合(三)
- 所属栏目：Html+css
- Tag:
一、让层显示在flash之上 解决办法：给FLASH设置透明param name='wmode' value='transparent' /或者param name='wmode' value='opaque' / 二、使一个层垂直居中浏览器中 解决办法：使用百分比绝对定位，与外补丁负值的方法。 {position:absolute; top:50%; le...
《精通javascript》几个简单的函数
- 所属栏目：Html+css
- Tag:
精通JavaScript(图灵计算机科学丛书) ，让你大开眼界的 JavaScript 力作，跟随 jQuery 之父到达前所未有的深度，Amazon 五星盛誉图书。 本书是目前最深入的JavaScript图书，讲述了现代JavaScript的所有知识，展现了这门技术将能给网站建设带来如何丰富的体验...
IE 6最小最大宽度与高度的写法
- 所属栏目：Html+css
- Tag:
最小最大宽度，最小最大高度，这是CSS很常见的一个要求。在现代浏览器中，一个 min-height，min-width 就可以解决问题，但是在IE系列，比如IE6则比较繁琐一点。下面总结一些IE 6下的最小最大宽度与高度的一些写法。 IE6最小最大宽度： .min-width {min-width...