13个不错的Javascript和CSS的菜单

评论(0)浏览(137)分类:JavaScript/Ajax开发技巧
13个不错的Javascript和CSS的菜单以前发布过两篇文章——“30种时尚的CSS网站导航条”和“20个优秀的Javascript导航技术”,今天向大家介绍一下,13个不错的Javascript和CSS的菜单。1) 性感的滑动型菜单演示: Mootols Version演示:Script.aculo.usVersion2) FastFind 菜单 右键菜单,还可以被拖来拖去。使用 jQuery 。 演示:FastFind Menu3) Webber 2.0 Dock菜单 演示: Webb..

纯CSS做的3D效果

评论(0)浏览(127)分类:HTML/CSS兼容/XML
纯CSS做的3D效果下面是一个用CSS做的一个3D的效果。你可以使用鼠标在图片中移动来显示这个效果。其实,这个效果只是能过移动图片来产生的。其可以工作在Internet Explorer 8, Firefox 3, Opera 9, Safari 3, Chrome 4 和 Konqueror 3.5下。网页在这里:http://www.romancortes.com/ficheros/meninas.html

9个最常见IE的Bug及其fix

评论(0)浏览(209)分类:HTML/CSS兼容/XML
9个最常见IE的Bug及其fixInternet Explorer – Web程序员的毒药。在IE上开发时间中有超过60%的时间是花在和IE的bug进行搏斗,让你的开发生产率严重下降。下面是一个教程,告诉你9个IE上最常见的BUG以及如何解决它们。1. 居中布局创建一个CSS定义把一个元素放到中间的位置,可能是每一个Web开发人员都会做的事情。最简单的做法是为你的元素增加一个margin: auto; ,然而 ..

Web中的省略号

评论(0)浏览(126)分类:HTML/CSS兼容/XML
Web中的省略号在Web开发中,对于一种情况很常见。那就是,文本太长,而放置文本的容器不够长,而我们又不想让文本换行,所以,我们想使用省略号来解决这个问题。但是,在今天HTML的标准中并没有相关的标识或属性让你可以简单地完成这个事。但是我们可以使用CSS样式表来完成这个事,在IE,Safari,Chrome,Opera中都可以。但在Firefox中却不行,但我们可以使用..

30种时尚的CSS网站导航条

评论(0)浏览(116)分类:JavaScript/Ajax开发技巧
30种时尚的CSS网站导航条我想,大家在上网的时候一定见过很多很多种各式各样的网站导航条的设计。这些导航条基本上来说都是用CSS来做的。这里,我们将向你介绍几种最不错的用CSS设计的网站导航条。希望你会喜欢。更多效果参考下面的文章13个不错的Javascript和CSS的菜单20个优秀的Javascript导航技术1. The Menu menu这是一个非常不错的CSS菜单,相当的独特,每个图标都..

10个你未必知道的CSS技巧

评论(0)浏览(80)分类:HTML/CSS兼容/XML
10个你未必知道的CSS技巧1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去: font: bold italic small-caps 1em/1.5em verdana,sans-serif; 真不错!只有一点要提醒的:这种简写方法只有在..

超过13个非常有用的Flex/Flash调试工具

评论(0)浏览(90)分类:flash/flex/fcs/AIR
超过13个非常有用的Flex/Flash调试工具关键字: flex/flash 调试工具 有用过FireBug调试Ajax,JavaScript经验的人应该都非常清楚Firebug的强大以及易用性。而我们创建RIA应用的时候一般都是在Flex Builder或者Flash CS3中调试,尽管可以满足我们的需求,不过作为Web的应用,总归没有Firebug那样用起来方便。Ntt.cc罗列了一个除了本身编译器外的Flex/Flash调试列表《the list of helpfu..

URL转码方法及不能被转码的特殊字符

评论(0)浏览(396)分类:HTML/CSS兼容/XML
URL转码方法及不能被转码的特殊字符URL编码表一览?退格TAB换行回车空格!"#$%'()*+,-./%00%01%02%03%04%05%06%07%08%09%0a%0b%0c%0d%0e%0f%10%11%12%13%14%15%16%17%18%19%1a%1b%1c%1d%1e%1f%20%21%22%23%24%25%26%27%28%29%2a%2b%2c%2d%2e%2f0123456789:;=?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_%30%31%32%33%34%35%36%37%38%39%3a%3b%3c%3d%3e%3f%40%41%42%43%44%45%46%47%48%49%4a%4..

用户体验之密码强度提示

评论(0)浏览(140)分类:JavaScript/Ajax开发技巧
用户体验之密码强度提示 功能说明:在用户注册或更改密码时,根据用户输入进行检测并返回结果。能有效地提醒用户提高帐号的安全性。类似效果:Live.com中的修改密码功能代码:+展开-HTMLhtmlheadmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/title密码/titlestyletype="text/css"body{font-size:12px;font-family:Arial,Helvetica,sans-serif;margi..

实现div可编辑的常见方法

评论(0)浏览(160)分类:HTML/CSS兼容/XML
实现div可编辑的常见方法功能:实现网页内容的即时编辑,增加页面的可用性、交互性。方法1:直接通过textarea标签实现,请运行下边代码:+展开-HTML!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">HTMLHEADTITLENewDocument/TITLEstyletype="text/css"#info{font-size:12px;overflow:hidden;background-color:#ffffcc;color:black;padding-right:5px;padding-..

ajax+php+mssql无刷新聊天室

评论(2)浏览(344)分类:JavaScript/Ajax开发技巧
ajax+php+mssql无刷新聊天室此为php版本的无刷新聊天程序源代码,js类库及说明请看下面asp.net版本的,下面只列出php版本的代码此例子也可以作为mssql存储过程使用的示例,如php调用mssql的存储过程,php获取mssql数据库的输出参数。asp.net版本请看ajax无刷新聊天室--asp.netaspajax无刷新聊天室--aspop.php+展开 -PHP$db="chatdb";$uid="sa";$pwd="";$server=".";classaj..

ajax+asp+mssql无刷新聊天室

评论(7)浏览(710)分类:JavaScript/Ajax开发技巧
ajax+asp+mssql无刷新聊天室此为asp版本的无刷新聊天程序源代码,js类库及说明请看下面asp.net版本的,下面只列出asp版本的代码asp.net版本请看ajax无刷新聊天室--asp.netphpajax无刷新聊天室--php+展开 -HTML%@language="vbscript"codepage="936"%%ConstadCmdStoredProc=4ConstadInteger=3ConstadVarChar=200ConstadParamInput=1ConstadParamOutput=2ConstadExecuteNoReco..

简易天气预报查询

评论(0)浏览(237)分类:JavaScript/Ajax开发技巧
简易天气预报查询一个简单的天气预报查询,可以查询当前及后两天的数据。天气预报数据是从sina网爬下来的,所以使用了正则来获取数据。如果sina改版过的话,需要修改对应的正则表达式。完整示例下载点击这里简易天气预报查询返回的数据为json格式的,大概如下+展开 -JavaScript{success:true//只是是否成功,weathers:[//天气数组,从今天到后两天{d:'日期',weath..

执行ajax动态返回的js代码块

评论(0)浏览(316)分类:JavaScript/Ajax开发技巧
执行ajax动态返回的js代码块[CallbackPlus]Ajax中动态执行返回到innerHTML中的js -Written by 浪子@cnblogs.com (07-08-20) ********************************************************************* 版权声明** 本文以Creative Commons的发布,请严格遵循该授权协议。* 本文首发于博客园, 此声明为本文章中不可或缺的一..

客户端Js+FSO遍历文件夹

评论(0)浏览(195)分类:JavaScript/Ajax开发技巧
客户端Js+FSO遍历文件夹此代码仅IE浏览器下能运行,并且需要开放fso权限。+展开-JavaScriptfunctionHTMlist(path){vartxt;fso=newActiveXObject("Scripting.FileSystemObject");fldr=fso.GetFolder(path);fc=newEnumerator(fldr.files);for(;!fc.atEnd();fc.moveNext())//枚举所有文件{s=fc.item();//取文件对象if(s.type=="HTMLDocument"){//判断是否是“HTML文件”f=..

CSS中box(盒模式)的分析

评论(0)浏览(143)分类:HTML/CSS兼容/XML
CSS中box(盒模式)的分析W3C定义的盒模式如下: width和height定义的是Content部分的宽度和高度,padding border margin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题,不同浏览器显示效果会有些不同。左右Margin加倍的问题当box为float时,IE6中box左右的margin会加倍 左面的inner的左面margin明显大于5px。这时候,定义inner的disp..

CSS常用技巧

评论(0)浏览(114)分类:HTML/CSS兼容/XML
CSS常用技巧一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《css基本语法》。二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外..

制作弹出窗口常用技巧九则

评论(0)浏览(84)分类:HTML/CSS兼容/XML
制作弹出窗口常用技巧九则经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。1、最基本的弹出窗口..

Dreamweaver CS3 了解CSS层叠样式表

评论(0)浏览(132)分类:HTML/CSS兼容/XML
Dreamweaver CS3 了解CSS层叠样式表关于层叠样式表层叠样式表 (CSS) 是一组格式设置规则,用于控制 Web 页内容的外观。通过使用 CSS 样式设置页面的格式,可将页面的内容与表示形式分离开。页面内容(即 HTML 代码)存放在 HTML 文件中,而用于定义代码表示形式的 CSS 规则存放在另一个文件(外部样式表)或 HTML 文档的另一部分(通常为文件头部分)中。将内容与表示形式分离可使..

在Dreamweaver中编写CSS需要掌握的技巧

评论(0)浏览(89)分类:HTML/CSS兼容/XML
在Dreamweaver中编写CSS需要掌握的技巧学习中~资料收集~转载zhong...由于“可视化”和操作简便,在DreamWeaver中编写CSS的朋友很多,今天我们介绍一些在Dreamweaver中编写CSS的“最佳习惯”,希望对大家有所帮助。  CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的设计人员的需求,Macromedia DW MX引进了一些新的及改善过的CSS相关的特性。有了这些新的特性,你可以为未来..

Dreamweaver制作网页常用13种技巧

评论(0)浏览(127)分类:HTML/CSS兼容/XML
Dreamweaver制作网页常用13种技巧  1、不给文件起中文名称  大家在制作好了网页后,通常会给网页起一个具有代表性的中文名称,一来能使人一看文件名就能大概了解文件所包含的内容,二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做,就会发现Dreamweaver对中文文件名支持得不是太好,经常会有页面调用不正确的现象发生,所以我们以后在Dreamweaver中..

Dreamweaver一句话技巧

评论(0)浏览(127)分类:HTML/CSS兼容/XML
Dreamweaver一句话技巧1、从外部文档中粘贴时,如果不想要其格式,只要文字,可以使用“Edit-paste as text”命令,而不要直接Ctrl+V。   2、“Command-Add/Remove Netscape resize fix”是一个很有用的命令,它可以使在NC4.0中浏览页面时,改变窗口大小的时候页面不会花掉。   3、所有的head元素不可成为库组件,所有元素在被insert library时,其head关联属性被..

Dreamweaver常用技巧

评论(0)浏览(135)分类:HTML/CSS兼容/XML
Dreamweaver常用技巧  1 在Dreamweaver中,如何输入一个空格呢?  输入空格的问题,在DW似乎已成了一个老生常谈的问题,我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。  DW中对空格输入的限制是针对“半角”文字状态而言的,因此通过将输入法调整到全角模式就可以避免了,方法是:打开中文输入法(以人工智能ABC为例),按Shift+Space切换到全角状态..

Dreamweaver使用技巧二十则

评论(0)浏览(113)分类:HTML/CSS兼容/XML
Dreamweaver使用技巧二十则1) Dreamweaver 文档窗口布满了各种各样的面板,为了编辑文档,不得不扒开一个个空隙,太累,如何是好?   一个 800X600 分辩率的屏幕对于 Dreamweaver 来说确实小了些,不过即便是 1024X768 ,也放不下所有的面板。关键是好好组织。   关闭那些在编辑中暂时用不到的面板,把常用的面板放在一起,节省屏幕空间;   除非现在要用,否则关闭..

Dreamweaver常用技巧总结

评论(0)浏览(123)分类:HTML/CSS兼容/XML
Dreamweaver常用技巧总结实用的DW技巧:   --------------------   1.如何制作网页中的原角表格:   有几种方法,先介绍一种图片法:   第一、做两个导角的图片,这两个图片可以先做一个图片,然后到PHOTOSHOP里垂直翻转一下就行了,导角图片的做法,我简单的给大家介绍一下,首先用PHOTOSHOP先画一个矩形,然后羽化,然后level。然后切图。OK!   第二、 在中间..

不唐突的JavaScript的七条准则

评论(0)浏览(123)分类:JavaScript/Ajax开发技巧
不唐突的JavaScript的七条准则 经过多年的开发、教学和编写不唐突的JavaScript, 我发现了下面的一些准则。我希望它们可以帮助你对“为什么这样设计和执行JavaScript比较好”有一点理解。这些规则曾经帮助我更快地交付产品,并且产品的质量更高,也更容易维护。 1.不要做任何假设 (JavaScript是一个不可靠的助手) 可能不唐突的JavaScript 的最重要的一个特性就是——你要停..

Html语言初级教程

评论(0)浏览(130)分类:HTML/CSS兼容/XML
Html语言初级教程一、HTML语言的结构   html文件是标准的ASCII文件,它看起来象是加入了许多被称为链接签(tag)的特殊字符串的普遍文本文件。从结构上讲,html文件由元素(element)组成,组成html文件的元素有许多种,用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”,即它有起始标记和结尾标记。元素的起始标记叫做起始链接签(starttag),元素..

Html语言初学者基础教程

评论(0)浏览(78)分类:HTML/CSS兼容/XML
Html语言初学者基础教程一、HTML语言的结构   html文件是标准的ASCII文件,它看起来象是加入了许多被称为链接签(tag)的特殊字符串的普遍文本文件。从结构上讲,html文件由元素(element)组成,组成html文件的元素有许多种,用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”,即它有起始标记和结尾标记。元素的起始标记叫做起始链接签(starttag),元素..

Div+CSS布局的扩展技巧和用法24则

评论(2)浏览(84)分类:HTML/CSS兼容/XML
Div+CSS布局的扩展技巧和用法24则 在CSS网页布局开发中,会有很多小技巧,新手朋友往往对此很不熟悉。在某一两个小问题上,或许纠缠很长时间才能搞明白,虽然在的文档中,多次提及过这方面的内容,但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧,认真读一读,或许您并不能完全理解,您可以在进行搜索,扩展您所想要得到的知识,相信您会有很多收获!网页布局开发..

DIV+CSS学习日记-DIV+CSS布局技巧

评论(0)浏览(177)分类:HTML/CSS兼容/XML
DIV+CSS学习日记-DIV+CSS布局技巧使用DIV布局对于一个初学都来说应该不是一件容易的事,网上的教程大多只针对初学都来说,其真正的实用性并不是很高,当你在制作页面过程中碰到问题再查一些相关的资料你就会发现一些更有用的东西,这里我对学习过程中碰到最多最常见的问题做一些总结,相信对于初学者来说会更快地适应使用DIV+CSS进行网页布局。 对于DIV+CSS的网页来说,嵌套两层..