| · | [JS实例][组图]较好的视觉效果的网页选项卡 | 网页选项卡 | 02-20 |
| 选项卡”经常会被混同为“滑动门”,滑动门只是一种背景自适应内容的实现方法,不只可以应用在导航菜单,一样也可以应用在其他地方。例如选项卡中就可以使用这种技术。 “选项卡”一般和JavaScirpt及Ajax结合使用,以达到节约版面、无刷新页面更新信息、以及一些比较好的视觉效果。一般的选项卡都需要JavaScript程序来配合,完成切换的效果。以下是代码片段:<!DOCTYPE html PUB…… |
| · | [JS实例]新浪体育频道文字滚动特效代码 | 文字滚动 | 02-16 |
| <style type=text/css>td {font-size: 12px;border-right: medium none; padding-right: 0px; border-top: medium none; padding-left: 0px; padding-bottom: 0px; margin: 0px; border-left: medium none; pa…… |
| · | [JS实例]百度有啊商城CSS+XHTML实现的圆角 | CSS | 02-16 |
| <!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-equi…… |
| · | [JS实例]土豆网首页轮换图片特效代码 | 特效代码 | 02-16 |
| 仿土豆网的焦点轮换图片:1.对焦点图片下方进行透明处理2.通过鼠标移动到不同的四小图片时,通过改变图片所处父节点id=focus_change_list的left值取得效果3.默认下每5秒执行一次函数autoFocusChange(),来实现图片自动变换效果4.当鼠标移到图片上时停止滚动5.此效果兼容浏览器ie6、ie7、FF2.0、F3.0、opera9.5学JS不长,个人能力有限,只是试着写,…… |
| · | [JS实例]仿Taobao首页商品分类列表特效代码 | 特效代码 | 02-16 |
| <!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-equi…… |
| · | [JS实例]JavaScript实现网页图片等比例缩放效果 | JavaScript | 02-13 |
| 在处理网页图片时,特别是一些图片列表的应用里面,很难保证图片统一大小,直接设置图片大小又会导致图片拉伸,造成图片模糊,本文介绍的代码可以在图片加载完成后自动按比例调整图片大小。Javascript: <script language=javascript type=text/javascript> <!-- // 说明:用 JavaScript 实现网页图片等比例缩放 // 整理…… |
| · | [JS实例]JS实现5秒后弹窗的代码 | X-乒乓 | 01-13 |
| <script language=javascript>var sVarPopWin=true;function PlayJsAdPopWin(){if( sVarPopWin ){popwin=window.open(您需要弹的网站地址,,height=300, width=360);}}setTimeout(PlayJsAdPopWin(), 16000 );</…… |
| · | [JS实例]Javascript万年历代码实例制作 | 万年历 | 01-08 |
| 本教程是用Javascript制作一个万年历的实例,方法很简单,代码如下:<script language=javascript>function settab(){ var tab=document.getElementById(tab1); //alert(se1.options[se1.selectedIndex].text) var se11=se…… |
| · | [JS实例]JS实现的滑动展开与折叠效果 | js实例 | 01-07 |
| 要写个滑动展开折叠的效果,搜索到无忧脚本的一篇贴子,稍加修改了下使其在FF也可应用,代码如下: <script type=text/javascript> //Url: http://bbs.51js.com/thread-61646-1-1.html //Author: 风云突变 //Modify: 枫岩 var act; function over(s,nMax){ &…… |
| · | [JS实例]一个非常简洁高效的JS右键菜单! | JS右键菜单 | 01-07 |
| function csMenu(_object, _menu){ this.IEventHander = null; this.IFrameHander = null; this.IContextMenuHander = null; this.Show =…… |
| · | [JS实例][组图]10个能用JavaScript实现的图片特效 | JavaScript | 05-22 |
| 一般来说,我们在写博客或做网站时都需要对插图做一些效果,比如增加阴影、图片圆角、倒映等等。这些效果一般可以用3个方法实现,一是用PS实现对图片进行修改,二是使用CSS,三是使用JavaScript。使用Photoshop会破坏原图,而且要花费一定的时间。Netzgesta上有很多实现图片特效的JavaScript提供下载,很多效果都是相当漂亮的。 1、水倒映图1 这个js将为图片…… |
| · | [JS实例]windows.moveBy()函数使用方法示例 | js基础 | 02-22 |
| (一).示例图片效果(二).代码<html><head><title>window.setTimeout()函数</title><script laguage=javascript><!--function showtime(){mytime=new Date();mytime=mytime.getHours()+:+mytime.…… |
| · | [JS实例]window.moveTo()函数用法示例 | js基础 | 02-22 |
| (一).示例图片效果(二).代码<html><head><title>window.resizeTo()函数</title><script laguage=javascript><!--function movewin(form){var winx=form.X.value;var winy=form.Y.value;window.…… |
| · | [JS实例]windows.ResizeTo()方法使用示例 | js基础 | 02-22 |
| (一).示例图片效果(二).代码<html><head><title>window.resizeTo()函数</title><script laguage=javascript><!--function resizewindow(form){var x=form.X.value;var y=form.Y.value;window.r…… |
| · | [JS实例]window.resizeBy()方法使用示例 | js基础 | 02-22 |
| (一).示例图片效果(二).代码<html><head><title>window.resizeBy()函数</title><script laguage=javascript><!--function resizewin(dir,dist){var winvert;var winhorz;if (dir == vert){winh…… |
| · | [JS实例]window.scrollTo()方法使用示例 | js基础 | 02-22 |
| (一).示例图片效果(二).代码<html><head><title>window.scrollTo()函数</title><script laguage=javascript><!--function scrollwin(form){var winx=form.X.value;var winy=form.Y.value;windo…… |
| · | [JS实例]window.scrollBy()方法使用示例 | js基础 | 02-22 |
| (一).示例图片效果(二).代码<html><head><title>window.scrollBy()函数</title><script laguage=javascript>function MoveWindow(sign,value1){var y;var x;if (sign == ver){x=0;y=value1;}else{…… |
| · | [JS实例]学习网页制作技巧:给表格加滚动条 | js基础 | 02-22 |
| 其实这个东西没什么技术含量,就是给大家提供一个给表格加滚动条的思路。运行代码框<html><head><title>My table</title><style>.table0 { height:90%;}.table0 caption{ width:100%; height:26px; line-height:26px; font-si…… |
| · | [JS实例]JavaScript小技巧之如何用滑鼠控制Web页面 | js基础 | 02-22 |
| 第一集 如何用滑鼠控制Web页面 在这一部分首先要为你展示的JavaScript特性是将你的滑鼠移到这个不同颜色的连结上面,此时看看浏览器下的状态列有何结果,然后这样的功能我们可以与JavaScript的功能相结合。怎样做到的呢 以下就是这一个连结的作法: <a href=http://www.webjx.com/htmldata/2006-02-24/tpage.htm onMouseOve…… |
| · | [JS实例]JavaScript 小技巧之如何在页面内加入日期 | js基础 | 02-22 |
| 第二集 如何在页面内加入日期 我们要告诉你一个使用日期和时间的例子,是从你个人客户端机器获取日期和时间。 做法如下:<script language=LiveScript> <!-- Hiding today = new Date() document.write(现在时间是 ,today.getHours(),:, today.getMinutes()) document.w…… |
| · | [JS实例]JavaScript 小技巧之如何使用运算函数 | js基础 | 02-22 |
| 这是一个特殊的内建函数eval包括了运算式子为其参数,运算元,并回传一个值. 这函数对于运算一个表示的数值字串而言非常有用,举例来看,从FORM所输入的值总是字串,但你也许想要拿来运算,那我该怎么办?? 下面的这一个例子包函了输入的文字栏位,应用的运算函数和显示结果的另一区块.假如你打了一个数值运算式在第一个栏位,并且按下了按钮,运算式便会开使运算, <SCRIPT> functio…… |
| · | [JS实例]JavaScript小技巧制作的跑马灯效果 | js基础 | 02-22 |
| 以下是我们所制作的跑马灯效果的源程序 <html> <head> <script language=JavaScript> <!-- Hide var scrtxt=这儿的讯息可以改为你要告诉别人的话 + 或是注意事项 ...; var lentxt=scrtxt.length; var width=100; var pos=1-width; functio…… |
| · | [JS实例]JavaScript 小技巧之如何去产生乱数 | js基础 | 02-22 |
| 接下来我们要为你介绍一个可以产生乱数的函数,也是以 JavaScript 所写的这个函数只是利用了一点小技巧而已。而这种技巧在大部分的编译器(compiler)中,大都是如此(或类似)计算出乱数来的。相信 JavaScript 最后应也会以相似的方法来产生这样的method,如果它会提供这样功能的话,以下是此函数的结果: 这是一个计算产生的乱数.3861138662928667 以下是这个…… |
| · | [JS实例]JavaScript 小技巧之如何自动加上最后修改时间 | js基础 | 02-22 |
| 我们在 HTML 文件档完成了以后,常会加上一行文件最后修改的日期。现在你可不用担心每次都要去改或是忘了改了,你可以很简单的写一个如下的描述语法程式。就可以自动的为你每次产生最后修改的日期了。 <html> <body> This is a simple HTML- page. <br> Last changes: <script language=Liv…… |
| · | [JS实例]JavaScript 小技巧之JavaScript基础 | js基础 | 02-22 |
| 一、什么是JavaSCRIPT语言? JavaScript是一种新的描述语言,此一语言可以被箝入HTML的文件之中,透过JavaScript可以做到回应使用者的需求事件(如form的输入)而不用任何的网路来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给服务器(server)处理,再传回来的过程,而直接可以被客户端(client)的应用程式所处理。你也可以想像成有一个可执行程式在你的…… |
| · | [JS实例]JS开发字典探测用户名或密码工具 | js基础 | 02-22 |
| 用javascript开发字典探测用户名或密码工具文章作者:翟振凯 (小琦)作者网站:http://www.xiaoqi.net 作者论坛:http://www.tdqy.comQQ: 22336848 53353866实例演示打包下载授人予鱼,不如授人予渔。本文注重讲述作者的开发思路与程序的实现方法,目地是让大家了解一个程序的开发过程和这个程序功能…… |
| · | [JS实例]Web 2.0中AJAX技术应用详解 | js基础 | 02-22 |
| 今年互联网上比较火热的话题当然是关于WEB2.0的应用,其中AJAX又是WEB2.0的核心之一。AJAX是Asynchronous JavaScript and XML 的缩写。它并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一在同共的协作中发挥各自的作用,它包括:使用XHTML和CSS标准化呈现;使用DOM实现动态显示和交互;使用…… |
| · | [JS实例]学习网页制作技巧:静态网页加密 | js基础 | 02-22 |
| 前两天看见有人问静态网页加密问题,就写了这个代码稍微有些长,解释一下思路:加密时:先把用户的密钥A用md5加密为B,然后用B异或源文件S0得到目标文件S1,把S1存入js变量中。解密时:询问密钥,然后操作同加密。因为用了md5,个人认为没有密钥的时候是无法破解的(暴力除外)大家试用一下:运行代码框<html><head><title>Web Encoder<…… |
| · | [JS实例]弹出窗口window.open()的参数列表 | js基础 | 02-22 |
| <SCRIPT LANGUAGE=javascript> <!-- window.open (page.html, newwindow, height=100, width=400, top=0, left=0, toolbar=no, menubar=no,&nbs…… |
| · | [JS实例]经典正则表达式 (收藏整理) | js基础 | 02-22 |
| 作者:阿赖 (Email: A at Lai.com.cn 主页:http://www.9499.net Blog: http://blog.csdn.net/laily/ )关键字:正则表达式 模式匹配 Javascript摘要:收集一些常用的正则表达式。正则表达式用于字符串处理,表单验证等场合,实用高效,但用到时总是不太把握,以致往往要上网查一番。我将一些常用的…… |
|