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

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

UP 
阅读更多
40.网页是否被检索
<meta name="ROBOTS" content="属性值">
  其中属性值有以下一些:
  属性值为"all": 文件将被检索,且页上链接可被查询;
  属性值为"none": 文件不被检索,而且不查询页上的链接;
  属性值为"index": 文件将被检索;
  属性值为"follow": 查询页上的链接;
  属性值为"noindex": 文件不检索,但可被查询链接;
  属性值为"nofollow": 文件不被检索,但可查询页上的链接。

最大化窗口?
<script language="JavaScript">
<!--
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
//-->
</script>




解决问题:由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下:

<div id="menu" style="position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;">
<table>
  <tr><td>item 1</td></tr>
  <tr><td>item 2</td></tr>
  <tr><td>item 3</td></tr>
  <tr><td>item 4</td></tr>
  <tr><td>item 5</td></tr>
  </table>
  <iframe src="/blog/javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
</div>

<a href="#" onclick="document.getElementById('menu').style.visibility='visible'">menu</a>

<form>
  <select><option>A form selection list</option></select>
</form>


输入框也可以做的很漂亮了
<div align="center"><input type="hidden" name="hao" value="yes">
              外向数:<input 
      name=answer 
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
             没回答的题数:<input 
      name=unanswer id="unanswer" 
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
            <br/>
            总得分:
            <input 
      name=score id="score" 
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
             结    论:
            <input 
      name=xgjg id="xgjg" 
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
            <br/>
            <br/> 
            
            <input onClick=processForm(this.form) style="FONT-FAMILY: 宋体; FONT-SIZE: 9pt" type=button value=查看结果 name="button"> 
             <input type="reset" name="Submit" value="重做">
            </div>
注意:修改<body>为<body onload="max.Click()">即为打开最大

化窗口,而如果改为<body onload="min.Click()">就变为窗口一打开就最小化

<object id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
            <param name="Command" value="Minimize">
          </object> <object id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
            <param name="Command" value="Maximize">
          </object>
</body>


页面自动刷新(说明)

当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。

1,页面自动刷新:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.

2,页面自动跳转:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.williamlong.info">,其中20指隔20秒后跳转到http://www.williamlong.info页面。

页面自动关闭

5000是指时间<body onLoad="setTimeout(window.close, 5000)">

弹出窗口自动关闭

10秒后弹出窗口自动关闭

注意:在新的tan.htm的body中要加 <onLoad="closeit()">
head

<script language="JavaScript">

<!--

var gt = unescape('%3e');

var popup = null;

var over = "Launch Pop-up Navigator";

popup = window.open('', 'popupnav', 'width=225,height=235,resizable=1,scrollbars=auto');

if (popup != null) {

if (popup.opener == null) {

popup.opener = self;

}

popup.location.href = 'tan.htm';

}

// -->

</script>
<body>注意:这段代码是在新建文件中的
<script language="JavaScript">

function closeit()

</script>

这个可不是<iframe>(引用)呀。是直接调用的。以下代码加入<body>区域

<object type="text/x-scriptlet" width="800"  height="1000" data="../index.htm">
</object>
分享到:
评论

相关推荐

    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++是一种强大的、面向对象的编程语言,它在游戏开发领域有着广泛的应用,因为它的效率高、灵活性强...

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

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

    CSDN VC编程经验总结.rar

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

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

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

    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