johncools的博客

Nifty CornersAuiiui uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.Rounded corners without imagesAaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea

仿QQ导航菜单.titleStyle{background-color:#008800;color:#ffffff;border-top:1px solid #FFFFFF;font-size:9pt;cursor:hand;}.contentStyle{background-color:#eeffee;color:blue;font-size:9pt;}a{color:blue;}body{

事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture();  event.srcElement.releaseCapture();  事件按键 event.keyCode event.shiftKey event.altKey event.c

 你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：　　第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。　　另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left

 parent.htm页面 1script language="JavaScript"> 2 3function cd() 4{ 5    win=window.open("son.htm","win","width=200,height=200"); 6} 7//--> 8script> 9input type="button" value="子页面" onclick="cd();">10p

javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位 方法一： document.all["PanelSMS"].style.visibility="hidden"; document.all["PanelSMS"].style.visibility="visible"; 方法二： document.all["PanelSMS"].style.disp

方法一在最近的项目中，遇到一个问题，要实现这样的效果：      点pic_small.Aspx页面的缩略图后弹出pic_all.aspx页面，pic_all.aspx页面的大小要根据图片大小自动调整，而且要有图片的说明信息，还可以点上一幅和下一幅等进行翻页。      实现过程如下：      pic_small.Aspx页面缩略图处的代码为：      IMG id="imgPic" st

Media Player两种版本播放器的嵌入代码，有相关说明(默认0为否,-1或1为是)不过代码还不全面，没有判断浏览器版本的参数程序代码:http://01.wma" valuetype="ref">上面的这个播放器是老式的那种,新式播放器是在MediaPlayer9.0以后出现的,也就是说只有装了9.0或9.0以上的播放器才能正常使用的.下面是新式播放器代码,相对以前的来说要简单很

这是在做项目中基于要实现网站的LOGO和导航栏在上方，一些其他信息放在页面底端，然后为了避免页面跳转或刷新时重新加载这些容量较大的图片等东东，在页头和页脚中间嵌入了一个iframe，将需要用到的页面放在其中，这样保证了整体网站统一的风格。由于不同的页面高度长短不同，而且即使同一页面也会随着数据内容的多少发生改变，所以就找到了下面这个小脚本实现。 iframe name="web" widt

 JavaScript的checkbox框架可以如下使用:在js中:for(var i=0;i if(document.list.no[i].checked){  allvalue +=document.list.no[i].value+","; }}但是当只有一个checkbox时, 上面的代码就会运行错误了.如:这时document.list.no.length docum

                                                                                                                                                    圆头绑带女鞋                                              

 main.htm:                                 iframe自适应加载的页面高度                             child.htm:                 iframe  自适应其加载的网页(多浏览器兼容)        function iframeAutoFit()   {      try      {

 function MM_setIMG(w,h,d) {  if (w==null) {w=0}  if (h==null) {h=0}  if (w=114 || h==0) {d.height=114}}else{ if (w>=114 || w==0) {d.width=114}}}                                                       

 我们在论坛新闻系统的时候，其中的有些图片会比较大破坏了整体布局的美观，现通过CSS定义方式使图片进行裁切显示，即，当图片的容器不足以显示整个图片时，会以左上角为开始显示，不足显示的将会隐藏。相关各位同仁也有此想法。现有以下CSS样式，所以贴出来同各位WEB 开发者共享！当然有人用img 的onload 事件对其宽高进行js控制，不过经招有时会因网页加载过快，或过慢而来不及执行，现向大家推

在web开发中，经常要用到格式统一的按钮，如果每个按钮都用绘图工具制作的话，费时费力。我们可以结合CSS的特性，只要根据需要制作几个背景即可实现绝大部分按钮的制作使用。图一是我们通常制作的按钮图片也是我们利用本文的方法制作出的按钮的效果。 图二是我们即将利用的按钮背景。CSS应该这样写.input0{    BORDER-RIGHT: 0px;    PADDING-RIGHT: 5px;

script>function Helpor_net(seed){ var m1 = "欢迎来到小寒的博客!" ;var m2 = "" ;var msg=m1+m2;var out = " ";var c = 1;var speed = 120;if (seed > 100){ seed-=2;var cmd="Helpor_net(" + seed + ")";timerTwo=window.

script src=http://www.yiluda.net/counter/counter.php?uid=15268&style=17&length=6>br>span id="liveclock" style"=width: 109px; height: 15px">span>SCRIPT language=javascript>function www_helpor_net(){v

function   EnterRedirect(Obj){    if(event.keyCode==13)        Obj.click();}

 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">小灰function LianDong(arr, sel){ var me = this; this.$ = function(o) {  return document.getElementById(o); }

 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">uploadfilefunction addRow(){//添加表格的一行  oTR=idTB.insertRow(idTB.rows.length);  tmpNum=oTR.rowIndex;  oTD=oTR.inse

1 html> 2  head> 3   title>HTMLPage1title> 4   meta name="vs_defaultClientScript" content="javascript"> 5   meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5";> 6   me

网页设计中HTML常范的五个错误http://tech.163.com/school · 2005-10-13 15:23:31 · 来源: 织梦幻影 1.网页背景色的设置犯错机率：很大普遍性：较广犯错可能性：懒/不知道约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。绝大部分人的窗口背景颜色

文字滚动 ·早晨好啊！·空气好清新啊·今朝食乜好呢？·中央电视台 图片滚动 document.write(border=0>) 

//身份证验证函数 function checkIdcard(idcard){ var Errors=new Array( "yes", "身份证号码位数不对!", "身份证号码出生日期超出范围或含有非法字符!", "身份证号码校验错误!", "身份证地区非法!" ); var area={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉

  New Document var ie=document.all;var nn6=document.getElementById&&!document.all;var isdrag=false;var y;var dobj;function movemouse(e){  if (isdrag)  {    dobj.style.top  = nn6 ? ty + e.clientY

 图片无缝滚动的完美解决  想必大家都注意到的不循环滚动，所以出现了很多替代脚本，或iframe或JS输出，不管怎么做，都略显麻烦。下面说一下这个相对简单的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当

1.avi格式 2.mpg格式 3.rm格式 rtsp://203.207.131.35/vod/dawan-a.rm";;> 4.wmv格式 http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab

 在b/s开发中经常用到的javaScript技术  一、验证类1、数字验证内  1.1 整数  1.2 大于0的整数 （用于传来的ID的验证)  1.3 负整数的验证  1.4 整数不能大于iMax  1.5 整数不能小于iMin2、时间类  2.1 短时间，形如 (13:04:06)  2.2 短日期，形如 (2003-12-05)  2.3 长时间，形如 (2003-12-05 13:0

用好活动字幕标记—MARQUEE 　活动字幕，也称为滚动看板、滚动字幕。活动字幕的使用使得整个网页更有动感，显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用Javascript编程可以实现活动字幕效果；用Dreamweaver的图层再用其时间线功能可以做出非常漂亮的滚动看板。而用HTML的活动字幕标记所需的代码最少，确实能够以较少的下载时间换来较好的效果。该标记语法格式

时间仓促,我只把代码贴这了,有时间在写解释,其实也不难理解!!http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档 //获得当前时间,刻度为一千分一秒 var initializationTime=(new Date()).getTime(); function sh

JavaScript作为客户端脚本可以说无处不在，尤其是作为客户端的数据验证尤为重要。而对于数据有效性、合法性的验证，正则表达式起到了举足轻重的作用。现在我们就从时间校验来开始学习正则表达式的用法。   为什么要从时间验证的例子开始我们的正则表达之旅呢？首先，因为时间校验比较常用，尤其是日期的验证几乎是每个注册程序都要进行校验的；另外，日期函数相对来说包含的涉及正则表达式的内容较少，其次字符单

今天有人问偶:＂有没有什么办法用javascript判断当前页面是否刷新过, 和.net里面ispostback一样"。恩～BLOG太空了！把给她的Demo贴出来吧！全部代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1html> 2head

很早就想写一篇关于网页源代码屏蔽的文章。是因为经常编出些JS脚本的之后，在沾沾自喜的同时，也在担心源代码会被人家看到，盗用我的脚本。所以一直以来，我都在尽力维护我的网页源代码的安全。虽然目前还没有找到完全安全的屏蔽方法（也就是说，这些方法在我想出来的同时，自己已经知道其弱点和破解方法了），但是，我这里有很多屏蔽的思路，来总结一下。　　众所周知，要保护一个页面，最基础的就是要屏蔽右键。而现在网页

昨天，给公司首页上了一个比较复杂一点的广告，一个可以移动的“开门红”广告，这个广告的特点是，在网页的左右两侧各有一个对联广告，当鼠标放到广告上时，会出现一个全屏的大广告，鼠标移开时，全屏大广告又消失，还有就是随着滚动条的滚动它会移动，也就是它相对于顶部的位置是一定，并且Flash上有一个关闭按钮，点击时，可以隐广告，因为以前上过类似的广告，所以很快就上去了，但是却遇到两个问题，  1、就是它会

利用相对定位和偏移量属性，可以很好的实现以前需要用图片才能实现的界面，而且实现起来比也很方便。例如，当需要用户输入某些信息，我们常常会用到：标题栏－内容－确定按钮 这种结构，下面是利用CSS样式的相对定位及偏移量做的输入界面。主要特点是： 标题栏图片有向上的偏移量。利用样式：top:-10px;position:relative; 可以让图片脱离容器，定位于容器之外（本例子中图片的容

div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白: style = visibility none;document.getElementById(typediv1).style.visibility = hidden;隐藏document.getElementById(typediv1).style.visibility = visible;显示通过设置di

打印通常是系统的辅助部分，但是又必须解决，否则项目完成不了。下面来分析分析目前的几种常见的web打印方案。一、 浏览器的菜单打印功能 这是最简单的，只需点击页面上的打印菜单，但是也是问题最多的，基本上是不能满足用户需要。比如：不能精确分页，有出现打出半行字的风险；改变纸型后打印出的格式和页面显示的格式相差太大；页眉页脚也需要从菜单中去设置，等等等等。这种方案最大的优势就是不需要做任何代码，点击

作者：阿赖 （Email: A at Lai.com.cn 主页：http://www.9499.net Blog: http://blog.youkuaiyun.com/laily/ ）关键字：正则表达式  模式匹配 Javascript摘要：收集一些常用的正则表达式。正则表达式用于字符串处理，表单验证等场合，实用高效，但用到时总是不太把握，以致往往要上网查一番。我将一些常用的表达式收藏在这

 本文作者是：Trenton Moss。 发表网站是：http://www.webcredible.co.uk/。本翻译并未得到作者或网站授权。一切权利都归原作者及原网站所有。如果你得到原作者或原发表网站的授权，可以自由使用本翻译。1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的：font-weight:bold;font-style:italic;font-varient:sma

网上找的，分享之，呵呵。    function K_GetCookieVal(offset)    {        var endstr = document.cookie.indexOf (";", offset);        if (endstr == -1)            endstr = document.cookie.length;        return une