网页前端设计

http://www.86y.org

搜索文章

SQL2005 用户sa登录失败(错误18456)图文解决方法2014/3/15 21:00:32

SQL2005 用户sa登录失败(错误18456)图文解决方法

新装了SQLServer2008,但是用sa用户连接的时候出现18456错误,SQLServer2005错误处理方法跟SQLServer2008错误的处理方法一样,所以贴图是SQLServer2008的。在网上查找解决方法如下,记录下来。无法连接到 .\SQLEXPRESS。--------------------------------------------------------------------------------------------------------------其他信息:用户 'sa' 登录失败。 (Microsoft SQL Server,错误: 18456)  解决方法: 1、打开数据库——用Windows身份登录数据库 02、登录名—&mda...未完,继续阅读→

sqlserver错误方法

阅读(8165)条

jq仿虾米网flash效果2014/3/13 10:05:36

jq仿虾米网flash效果

这是很久以前写的一个效果了,之前虾米音乐网首页的一个flash效果,最初觉得这flash效果也可以完全用jq来写,于是空余时间就写了下当作练习吧,现在就拿出来跟大家分享下其中的实现原理!先上最终效果图:特点:1、鼠标经过动态创建元素2、判断鼠标经过每行的最后二个改变方向完整代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> ...未完,继续阅读→

jq图片特效

阅读(6279)条

Web开发者不容错过的10段CSS代码2014/3/12 13:54:03

Web开发者不容错过的10段CSS代码

 Web开发技术每年都在革新,浏览器已逐渐支持CSS3特性,并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。  本文将分享20段非常专业的CSS2/CSS3代码供大家使用,你可以把它们保存在IDE里、或者存储在CSS文档里,这些代码片段绝对会给你带来意外的惊喜。  1. CSS Resets  网络上关于CSS重置的代码非常多。本段代码是根据Eric Meyer’s reset codes进行改编的,里面包含一点响应式图片和所有核心元素的边界框设置,这样就可以保持页边距和填充可以很好地对齐。html, body,...未完,继续阅读→

cssweb开发

阅读(6976)条

关于伪静态的url获取方法2014/3/12 13:10:04

关于伪静态的url获取方法

伪静态页面是静态URL与动态URL互通的一个桥梁,它是指动态网址通过URL重写的手段去掉其动态参数,使URL静态化,但在实际的网页目录中并没有重 写URL。简单来说,伪静态URL就是通过服务器转换伪装文件名或地址,使该页面类似于静态页面,但服务器上没有独立存在的文件,其本质还是动态页面。今天朋友找我说js获取不到url地址(伪静态URL)。然后我就开始找方法,发现原来:window.location可以获取伪静态的url地址方便使用记录下来。未完,继续阅读→

js伪静态url

阅读(8327)条

实现CSS3动画的工具、特效和教程指南2014/3/4 10:24:32

实现CSS3动画的工具、特效和教程指南

CSS3的动画能够实现动画从一个CSS样式配置过渡到另一个。动画由两部分组成,描述了CSS动画和一组关键帧指示动画风格的开始和结束状态。  CSS 动画 工具Tridiv Animate.css Anima animo.js CSS3 Animation Cheat Sheet Ceaser Magic CSS3 Animations Stylie Sencha Animator CSS3 Keyframes Animation Generator Morf.js CSS 动画教程及特效Animated 3D Bar Chart with CSS3查看DEMO 下载Interactive Infographic with SVG and CSS Animations查看DEMO 下载...未完,继续阅读→

css3教程特效

阅读(7582)条

html5移动端页面分辨率设置及相应字体大小设置方式2014/2/28 16:05:58

html5移动端页面分辨率设置及相应字体大小设置方式

对于html5移动端网页编写CSS网上有很多介绍的文章,但在实际使用过程中还是会纠结.网上的资料太多,且大多都是技术介绍型,特别是针对android上,网上写的各种麻烦,各种复杂,各种不接地气儿...我在做移动端网页时,总是和美工设计的页面有出入,主要还是由于双方对移动端HTML5实现页面还了解还不够。 今天就研究一下各大互联网公司对于移动端页面的处理方式。主要研究对象:BAT(度娘,阿狸,企鹅)这几家的移动端网站或webapp主要研究点:viewport的设置,字体的设置,图片原始宽高设置汝甚吊,令尊知否? 咦?target-density...未完,继续阅读→

html5字体css移动端

阅读(15619)条

如何让加载的flash元件垂直距中2014/2/28 11:12:20

如何让加载的flash元件垂直距中

今天在做flash的时候发现元件的位置是固定的,然后没办法随着浏览器的改变而变化(让元件垂直距中),下面就介绍如何用脚本来控制,场景尺寸变化时变更影片的位置。下面举一个在AS2中的例子:新建一影片,新增一个影片元件,为了方便在元件上画一个矩形,然后拖出场景取名为aa。然后在场景的时间轴上写下如下代码:function center(){ aa._x=(Stage.width-aa._width)/2; aa._y=(Stage.height-aa._height)/2;}center();var obj:Object=new Object();obj.onResize=function(){ center();}Stage.align="TL";Stage.addListe...未完,继续阅读→

asflash元件

阅读(5530)条

如何在电脑上测试手机网站(全)2014/2/24 10:21:39

如何在电脑上测试手机网站(全)

最近公司要开发网站的移动版,让我准备准备知识,话说本人开发移动网站的经验还真不多, 最悲剧的事情就是我的手机是个经典的诺基亚,而且公司还不给配手机,这是有多讨厌,没办法,没有手机只能用电脑模拟了,相办法代替,查了很多资料,尝试了 大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp。Chrome*chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备。以下标星的为推荐方法。1.新建Chrome快捷方式右...未完,继续阅读→

手机测试网站

阅读(7077)条

js 二分法2014/1/16 12:40:07

js 二分法

采用二分法查找时,数据需是排好序的。 基本思想:假设数据是按升序排序的,对于给定值x,从序列的中间位置开始比较,如果当前位置值等于x,则查找成功;若x小于当前位置值,则在数列的前半段中查找;若x大于当前位置值则在数列的后半段中继续查找,直到找到为止。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Con...未完,继续阅读→

js二分法

阅读(8445)条

js仿百度贴吧验证码特效2014/1/13 21:34:18

js仿百度贴吧验证码特效

今天看到有百度验证码挺有意思的,就把它仿下来了。利用JS实现当选择满4个后自动对比,本文中采用静态对比的方法看你是否全部选择对。然后提示【答案正确!】或【答案错误!】,以后有空再去做成程序,先分享给大家!效果图如下:源代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content...未完,继续阅读→

js验证码特效

阅读(8294)条

Slip.js–触摸屏上实现互动Swipe和列表重新排序2014/1/11 15:00:39

Slip.js–触摸屏上实现互动Swipe和列表重新排序

Slip.js 是一个很小的 JavaScript 库,用于实现对触摸屏的互动 Swipe 和对元素重新排序列表(Reordering)。Slip.js 没有任何的依赖,你可以通过自定义 DOM 事件实现重新排序交互。效果图如下:免费下载       官方网站未完,继续阅读→

js触屏互动

阅读(6756)条

支持手机js的YUI库的几实例2014/1/10 12:03:33

支持手机js的YUI库的几实例

最近在学习手机方面的互动,发现不支持普通的js对DOM的操作,只能通过一些库里面的方法来实现。以下是我通过YUI的学习以及实例,大家可以通过以下内容去多了解。Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证  YUI 包含完整的说明文件。它包含了两种元件: 工具与控件,和一些 CSS 资源。  YUI 3.2.0 预览版最值得关注的改进包括:    支持触摸事件,包括点击和移动手势    按需加载代码,只...未完,继续阅读→

js手机YUI

阅读(7056)条

ie7+背景透明,文字不透明超级简单的方法2014/1/9 17:16:43

ie7+背景透明,文字不透明超级简单的方法

如果你现在还在为背景透明文字不透明而发愁的话,建议你来看看。当然IE6我已经放弃了,所以不要说不用PNG8的图片这样在IE6下没有效果,当然你也可以用滤镜。本人不建议使用滤镜。因为这样可能会出现其它问题!(如无法点击等等问题)做前端最怕的就是BUG,特别是IE6。滚蛋IE6!本文的核心就是利用PNG32透明图片来做背景然后平铺背景就行了。这样就不会存在背景透明文字也透明了。这样做起来超级简单你们说呢!图片只需要调整透明度即可。在PSD中把图片设置为20%的透明度保存为png就行了。(切忌:不要设置模式为灰度。这样会变成png8了。而...未完,继续阅读→

css背景透明

阅读(6386)条

编写更好的CSS让页面加速2014/1/8 20:00:32

编写更好的CSS让页面加速

编写好的CSS代码能提升页面的渲染速度,所以编写风格是很重要的。本质上,一条规则都没有引擎解析的最快。MDN上将CSS选择符归拆分成四个主要类别,如下所示,性能依次降低。1、ID 规则2、Class 规则3、标签规则4、通用规则对效率普遍认识是从Steve Souders在2009年出版的《高性能网站建设进阶指南》开始的,虽然Souders的书中罗列的非常详细,你可以在这里查看完整列表引用。你也可以在谷歌的高效的CSS选择器的最佳实践中查看更多的细节。本文我想分享一些我在编写高性能CSS中用到的简单的例子和指导方针。受MDN的编写高效的CSS指南的启...未完,继续阅读→

css加速

阅读(6359)条

介绍一个基于jQuery的Cookie操作插件2014/1/8 9:06:39

介绍一个基于jQuery的Cookie操作插件

在网页客户端,我们经常会遇到读取或者设置cookie的情况,如果用纯生的js我们可能会遇到一些兼容性带来的麻烦,这里给大家介绍一个比较实用jquery操作cookie的插件,插件的源代码如下:jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') { options = options || {}; if (value === null) { value = ''; options = $.extend({}, options); options.expires = -1; } var expires = ''; ...未完,继续阅读→

jqcookie插件

阅读(6411)条

HTML5&jQuery指向时图片从灰度变成彩色2014/1/6 10:31:50

HTML5&jQuery指向时图片从灰度变成彩色

今天看到一个非常漂亮的图片展示效果,是用HTML5&jQuery做的,指向时图片从灰度变成彩色。(谨记图片不能跨域,否则报错)SecurityError: The operation is insecure.效果图如下:源代码如下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <...未完,继续阅读→

特效jqhtml5

阅读(7971)条

js获取select值(兼容火狐、IE浏览器)2014/1/4 16:14:05

js获取select值(兼容火狐、IE浏览器)

本文介绍下,用js获取select中值的方法,可以兼容火狐firefox与IE浏览器,代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js获取select值(兼容火狐、IE浏览器)www.86y.org</title></head><bod...未完,继续阅读→

jsselect兼容

阅读(7322)条

CSS3实现超炫的Loading动画效果2014/1/4 9:22:53

CSS3实现超炫的Loading动画效果

SpinKit 是一套网页动画效果,包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑,易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案,而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。(为保证最佳的效果,请在 Chrome、Firefox 和 Safari 等现代浏览器中浏览)    Loading 动画效果一 div { background-color: #67CF22; height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite e...未完,继续阅读→

css3动画

阅读(6891)条

细数IE6的一串串恼人的bug,附加解决方法2014/1/4 9:15:06

细数IE6的一串串恼人的bug,附加解决方法

1. li在IE中底部3像素的BUG 解决方案:在<li>上加float:left;即可解决2. IE6中奇数宽高的BUG。 解决方案:就是将外部相对定位的div宽度改成偶数。高度也是一样的。3. IE6文字溢出BUG 引发这种BUG有几个条件1.是注释引起的,删除所有注释即可.2.hidden的input直接放在form下.3.display为none的div也有可能引发此bug.4.可以通过外面再包一次DIV解决由注释造成文字溢出,属于IE6的BUG,溢出文字的字数=注释的条数*2-1,这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联...未完,继续阅读→

cssiebug

阅读(5624)条

IE6/IE7中li底部4px的Bug2014/1/3 14:56:59

IE6/IE7中li底部4px的Bug

ie中的BUG实在太多,其中之一是底部4px的Bug,当li的子元素中有浮动(float)时,IE6/IE7中<li>元素的下面会产生4px空隙的bug。<ul class="list"> <li><div>vapour</div></li> <li><div>百度</div></li> <li><div>淘宝</div></li> <li><div>迅雷</div></li></ul>经过测试发现:li的子元素浮动是这个bug产生的必要条件,这个bug产生的充要条件是li的子元素浮动并且li设置了以下CSS...未完,继续阅读→

iebugcss

阅读(5358)条

当前第  9  页 / 共  28  页  总共559条记录  

6789101112