`
elevenet
  • 浏览: 42418 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

[整理自CSDN]40种网站设计常用技巧之二

阅读更多
21.让弹出窗口总是在最上面:
<body onblur="this.focus();">


22.不要滚动条?
让竖条没有:
<body style="overflow:scroll;overflow-y:hidden"> 

</body>
让横条没有:
<body style="overflow:scroll;overflow-x:hidden"> 
</body> 

两个都去掉?更简单了
<body scroll="no"> 
</body> 


23.怎样去掉图片链接点击后,图片周围的虚线?
<a href="#" onFocus="this.blur()"><img src="/blog/logo.jpg" border=0></a>


24.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"> 
<input type=submit>
</form>


25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()


26.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE> 
body 
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; 
background-position:center;background-attachment: fixed} 
</STYLE> 


28. 检查一段字符串是否全由数字组成
<script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>


29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>


32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>

33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>


34.脚本永不出错
<SCRIPT LANGUAGE="JavaScript"> 
<!-- Hide 
function killErrors() { 
return true; 
} 
window.onerror = killErrors; 
// --> 
</SCRIPT>


35.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
36. 检测某个网站的链接速度:
把如下代码加入<body>区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value="/blog/测试中......>" =》<input type=text 
name=url"+i+" size=40> =》<input type=button value=GO 

onclick=window.open(this.form.url"+i+".value)><br/>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url)
else

b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 

onerror=auto("http://"+autourl+"")>")}
run()</script>

37. 各种样式的光标
    auto :标准光标
    default :标准箭头
    hand :手形光标
    wait :等待光标
    text :I形光标
    vertical-text :水平I形光标
    no-drop :不可拖动光标
    not-allowed :无效光标
    help :?帮助光标
    all-scroll :三角方向标
    move :移动标
    crosshair :十字标
    e-resize
    n-resize
    nw-resize
    w-resize
    s-resize
    se-resize
    sw-resize

38.页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"> 
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-23:
      0 矩形缩小
      1 矩形扩大
      2 圆形缩小
      3 圆形扩大
      4 下到上刷新
      5 上到下刷新
      6 左到右刷新
      7 右到左刷新
      8 竖百叶窗
      9 横百叶窗
      10 错位横百叶窗
      11 错位竖百叶窗
      12 点扩散
      13 左右到中间刷新
      14 中间到左右刷新
      15 中间到上下
      16 上下到中间
      17 右下到左上
      18 右上到左下
      19 左上到右下
      20 左下到右上
      21 横条
      22 竖条
      23 以上22种随机选择一种


39.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.williamlong.info"> 
分享到:
评论

相关推荐

    40种网页常用小技巧

    以上是对“40种网页常用小技巧”中部分技巧的详细解释,每一种技巧都有其特定的应用场景和目的。这些技巧能够帮助网页开发者更好地控制用户体验、增强页面功能以及保护网页内容。值得注意的是,其中一些技巧依赖于非...

    oracle常用sql整理

    本文将基于"oracle常用sql整理"的主题,深入探讨Oracle SQL的一些核心概念、语句及其实用技巧,适合初级到中级水平的学习者。 一、SQL基础 SQL是标准化的查询语言,分为DDL(Data Definition Language)、DML(Data...

    csdn写博客.pdf

    CSDN(China Software Developer Network)是中国最大的开发者技术社区之一,为软件开发者提供了一个分享、交流和学习的平台。其中,“写博客”是CSDN提供的一项核心功能,允许用户通过撰写博客来分享自己的技术心得...

    【精品资料】电源物料电源设计知识大全.zip

    初级工程师PCB设计技巧 初级硬件工程师手册 磁性元件内部教程 电池充电器目录 电容知识大全 电源方式 电源管理指南 电源设计精彩问答 电源原理结构 电源资料库 电子工程师必须掌握的20种电路 电子计算公式 多路输出...

    javascript 、html 精华资料整理

    1.40种网站常用Javascript技巧 格式txt CSDN 上流传较广泛的较好的版本! 2.初学者很好的参考:HTML标签详尽讲解 格式doc 此为网上流传最广泛的,本别人使用无数次!不过确实写的很好! 3.最近发现CSDN里的一片博文-...

    CSDN清屏好做pdf-chrome浏览器

    在IT领域,尤其是在Web开发和浏览器使用中,"CSDN清屏好做pdf-chrome浏览器"这...这不仅是日常浏览网页时的实用技能,也是开发者在文档分享和知识整理时的常用方法。通过熟练掌握这些技能,可以提升工作和学习的效率。

    常用代码汇总

    【标题】"常用代码汇总"所涵盖的知识点主要是一些在日常编程中常见的代码片段、技巧和工具的使用。这可能包括但不限于各种编程语言的基础语法、优化技巧、调试方法以及特定场景下的解决方案。 【描述】"常用代码...

    近100个最全面最实用常用批处理bat程序.rar

    批处理(Batch Processing)是Windows操作系统中的一种命令行工具,它允许用户通过编写脚本文件(通常以.bat或.cmd为扩展名)来批量执行一系列命令,极大地提高了工作效率,尤其适用于自动化重复性的任务。...

    软件设计师考试知识点、设计模式解析与UML建模指南

    内容概要:“萨达大”在CSDN博客中分享了关于软件设计师考试的知识点整理、设计模式解析、UML建模等多个方面的内容。这些资料详细覆盖了软件设计师所需的理论和技术要点,特别是针对计算机组成、软件工程、各种设计...

    C++游戏编程 十几章PDF (整理CSDN)

    《C++游戏编程》这本书是针对游戏开发爱好者和专业程序员设计的,旨在通过C++语言讲解游戏编程的核心概念和技术。C++是一种强大的、面向对象的编程语言,它在游戏开发领域有着广泛的应用,因为它的效率高、灵活性强...

    CSDN VC编程经验总结.rar

    《CSDN VC编程经验总结》是一份深入探讨VC++编程技术的宝贵资源,由CSDN社区的专家和开发者们共同整理而成。这个压缩包包含了一本名为"CSDN VC编程经验总结.chm"的电子书,它系统地总结了在Visual C++ (VC++)环境中...

    电脑基本操作技巧(转载)

    ### 电脑基本操作技巧知识点概览 #### 一、Windows XP 基本操作与问题解决 **1. 如何使用 Windows XP** - **描述**:介绍了如何在 Windows XP 操作系统中进行基本操作。 - **知识点**: - 系统启动与关闭流程 - ...

    【软考中级】软件设计师考试个人总结笔记

    【软考中级】软件设计师考试个人总结笔记 在准备软考中级的软件设计师考试时,考生需要对多个领域的知识有...定期复习和总结是保持知识鲜活的关键,希望这份笔记能为你的软考中级软件设计师考试之路提供有效的参考。

    Java+数据库笔试和学习整理

    8. **设计模式**:学习常用的设计模式,如工厂模式、单例模式、观察者模式等。 接下来是数据库部分,这里可能涉及SQL语言和数据库管理系统的基本知识: 1. **SQL语言**:学习SELECT、INSERT、UPDATE、DELETE等基本...

    c语言程序设计课件ppt

    C语言是一种广泛应用于系统开发、软件工程和嵌入式系统的编程语言,因其高效、灵活和移植性强等特点而深受程序员喜爱。这份"C语言程序设计课件ppt"提供了全面且详细的C语言学习资料,覆盖了从基础到进阶的多个重要...

    Excel教程-图文并茂.pdf

    数据分列整理是 Excel 中的一种数据处理功能,可以用来将数据分列整理成多个列。读者可以学习如何使用数据分列整理来提高数据的可读性。 知识点8:数据合并 数据合并是 Excel 中的一种数据处理功能,可以用来将多个...

    JavaScript学习笔记(包含有常用用例)

    JavaScript学习笔记(包含有常用用例)。 个人精心整理,可快速入门,也可当手册使用。 从基础到熟练,还包括有js的正则表达式使用、乱码对策等技巧内容。值得收藏。 更多:http://download.csdn.net/user/daillo/all

    ACM算法整理-2018-12-21

    标题“ACM算法整理-2018-12-21”表示这是一份关于ACM(Association for Computing Machinery,美国计算机学会)算法的整理文档,作者是山东农业大学ACM集训队的房施峰,整理时间是2018年12月21日。文档的目的是分享...

    c++面试宝典,常用八股文问题

    c++面试宝典,常用八股文问题 从给定的文件信息中,我们可以提取出以下知识点: 一、学习说明 * 本题库来自海量真实校招面试题目大数据进行的整理,后续也会不断更新。 * 面试题库可以作为帮助同学准备面试的辅助...

Global site tag (gtag.js) - Google Analytics