网页制作实用技巧

1.让你的网页无法另存为

2.让IFRAME框架内的文档的背景透明

3.禁止右键:

onselectstart ="return false" οnselect="document.selection.empty()"

οncοpy="document.selection.empty()" onbeforecopy="return

false"οnmοuseup="document.selection.empty()">

4.进入页面后立即自动刷新?

content="120;url=http://www.wodutom.com/cn083">http://www.wodutom.com/cn083,这是你自己的网址。

5.打开窗口即最大化

6.能隐藏IFRAME的滚动条吗?我知道的三种方法:

◆1. 设置iframe scrolling="no"

2. 被包含页body应用overflow:hidden

3. 被包含页的body标签加scroll="no"

7.加入背景音乐

◆(1). 只适用于IE

(2).

对Netscape ,IE 都适用

8.嵌入网页

scrolling="Auto" frameborder="0">

◆跳转

◆滚动

οnmοuseοver=stop()

scrollAmount=4>

◆细线分隔线


◆过度方式

content="revealTrans(Duration=3,Transition=5)">

Duration的值为网页动态过渡的时间,单位为秒。

Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:

0 盒状收缩 1 盒状放射

2 圆形收缩 3 圆形放射

4 由下往上 5 由上往下

6 从左至右 7 从右至左

8 垂直百叶窗 9 水平百叶窗

10 水平格状百叶窗 11垂直格状百叶窗

12 随意溶解 13从左右两端向中间展开

14从中间向左右两端展开 15从上下两端向中间展开

16从中间向上下两端展开 17 从右上角向左下角展开

18 从右下角向左上角展开 19 从左上角向右下角展开

20 从左下角向右上角展开 21 水平线状展开

22 垂直线状展开 23 随机产生一种过渡方式

9.如何控制横向和纵向滚动条的显隐?

去掉x轴

10.怎样在 FrontPage2000 中加入 Flash 动画?

◆在 FrontPage2000 中,点击[插入]->[高级]->[插件],在弹出的窗口中,设置一下 Flash 文件的大小及其它信息,确定即可。 加入注释的格式是:

11.怎样在网页中加入 E-mail 链接并显示预定的主题?

◆……

12.定义本网页关键字,可以在〈Head〉〈/Head〉中加入如下代码:

Content 中所包含的就是关键字,你可以自行设置。

这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:

13.IE5.0 的部分快捷键:

◆A:打开查找功能:Ctrl+F

关闭浏览器窗口:Ctrl+W

打开地址栏下拉列表框:F4

刷 新:F5

将当前Web页保存到收藏夹列表:Ctrl+D

打开当前 IE 窗口的一个拷贝:Ctrl+N

停止下载当前网页:Esc

光标迅速移动到网页的开头:Home

光标迅速移动到网页的尾部:End

打开新的地址键入窗口:Ctrl+O

打开收藏夹:Ctrl+I

打开历史记录文件夹:Ctrl+H

打开浏览器设定的默认主页:Alt+HOME

14.添加到收藏夹:

◆添加到收藏夹

15.设为首页:

οnclick=this.style.behavior='url(#default#homepage)';this.setHomePage

('http://链接');>设为首页

16.定制浏览器地址栏前的小图标:

◆A:在网页的

间加入以下语句:

href="http://…/icon.ico">即可。其中 icon.ico 为 16x16 的图标文件,

颜色不要超过 16 色。

17.把滚动条放在浏览器窗口的左边

◆A:在

中加 dir=RTL,即 。

18.让背景图不滚动

◆IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动:

19.网页制作基本技巧

1. ◆οncοntextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键

可用于Table

2. ◆

取消选取、防止复制

3. ◆οnpaste="return false" 不准粘贴

4. ◆οncοpy="return false;" oncut="return false;" 防止复制

5. ◆ IE地址栏前换成自己的图标

6. ◆ 可以在收藏夹中显示出你的图标

7. ◆ 关闭输入法

8. ◆永远都会带着框架

if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页

// -->

9. ◆防止被人frame

if (top.location != self.location)top.location=self.location;

// -->

10. ◆网页将不能被另存为

11. ◆

οnclick="window.location = 'view-source:'+ 'http://www.51js.com/'">

12.◆删除时确认

删除

13.◆ 取得控件的绝对位置

//javascript

function getIE(e){

var t=e.offsetTop;

var l=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

alert("top="+t+"/nleft="+l);

}

//vbscript

function getIE()

dim t,l,a,b

set a=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

while a.tagName"BODY"

set a = a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"

end function

-->

14. ◆光标是停在文本框文字的最后

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart('character',e.value.length);

r.collapse(true);

r.select();

}

15. ◆判断上一页的来源

javascript:

document.referrer

16. ◆最小化、最大化、关闭窗口

本例适用于IE

17.◆屏蔽功能键Shift,Alt,Ctrl

function look(){

if(event.shiftKey)

alert("禁止按Shift键!"); //可以换成ALT CTRL

}

document.οnkeydοwn=look;

18. ◆网页不会被缓存

或者

19.◆怎样让表单没有凹凸感?

20.◆

&的区别?

(division)用来定义大段的页面元素,会产生转行

用来定义同一行内的元素,跟

的唯一区别是不产生转行

是ns的标记,ie不支持,相当于

21.◆让弹出窗口总是在最上面:

22.◆不要滚动条?

让竖条没有:

让横条没有:

两个都去掉?更简单了

23.◆怎样去掉图片链接点击后,图片周围的虚线?

logo.jpg

24.◆电子邮件处理提交表单

25.◆在打开的子窗口刷新父窗口的代码里如何写?

window.opener.location.reload()

26.◆如何设定打开页面的大小

打开页面的位置

27.◆在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

body

{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

28. ◆检查一段字符串是否全由数字组成

function checkNum(str){return str.match(//D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// -->

29. ◆获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

30. ◆怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");

else alert("全是字符");

31.TEXTAREA自适应文字行数的多少

32. ◆日期减去天数等于第二个日期

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)

33. ◆选择了哪一个Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

next

end function

Style

Barcode

34.◆脚本永不出错

35.◆ENTER键可以让光标移到下一个输入框

36. ◆检测某个网站的链接速度:

把如下代码加入

区域中:

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("

")

for(var i=1;i

document.write(" =》

name=url"+i+" size=40> =》

οnclick=window.open(this.form.url"+i+".value)>
")

document.write("

")

}

butt()

function auto(url){

document.forms[0]["url"+b].value=url

if(tim>200)

{document.forms[0]["txt"+b].value="链接超时"}

else

{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}

b++

}

function run(){for(var i=1;i

src=http://"+autourl+"/"+Math.random()+" width=1 height=1

οnerrοr=auto('http://";;;;+autourl+"')>")}

run()

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.◆页面进入和退出的特效

进入页面

推出页面

这个是页面被载入和调出时的一些特效。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.◆在规定时间内跳转

40.◆网页是否被检索

其中属性值有以下一些:

属性值为"all": 文件将被检索,且页上链接可被查询;

属性值为"none": 文件不被检索,而且不查询页上的链接;

属性值为"index": 文件将被检索;

属性值为"follow": 查询页上的链接;

属性值为"noindex": 文件不检索,但可被查询链接;属性值为"nofollow": 文件不被检索,但可查询页上的链接。

html如何在页面打开时让鼠标光标停留在某个表单文本框,网页制作实用技巧相关推荐

  1. 表单文本框提示字符点击时清空

    表单文本框提示字符点击时清空(input标签onfocus时文本框内提示信息清空) 作用是,一个文本框,需要输入内容,在没有输入的时候里面有一段提示内容,当点击这个文本框输入的时候,文本框内的内容自动 ...

  2. html 表格隐藏 显示出来了,如何在html页面打开时隐藏表格

    Hallo there 我有一些javascript代码,当我的鼠标移过链接时可以看到一个表格,当鼠标移出时隐藏. 我遇到的问题是在页面打开时让表格"隐藏". 我怎么能做到这一点. ...

  3. Android:基础控件按键文本框输入框制作登录页面

    基础控件之Button,TextView,EditText,ImageView Button:按键 TextView:文本框 EditText:输入框 ImageView:图片 那我们新建一个工程研究 ...

  4. Vue form表单input框 手动赋值 提交时 表单input值没有生效 验证仍然是空

    一.问题 1.input 赋值后表单提交却为空 在调用接口将返回的值赋在表单的 input 上或者子页面传递数值给父页面form表单model元素后,提交表单,明明值已经赋上去了,结果提交后显示的该值 ...

  5. 使用jquery当页面打开时,将修改样式的点击事件绑定到Dom

    操作步骤: 1.声明指定样式类的类名 2.修改其中的样式 3.加载时即设定click事件. 举例: $(document).ready(function () {document.getElement ...

  6. JSP页面打开时先加载Servlet

    有很多方法:一.异步加载,用ajax或jquery的post方式.二.用struts的action标签,页面一加载就执行一个action, 不过用servlet就没用了.三.用jsp的forward标 ...

  7. extjs 页面打开时表格自动加载后台传来的json数据

    var d = new Date();var ymd = new Date(d.getFullYear(),(d.getMonth()),d.getDate());var dd = ymd.forma ...

  8. 在jsp页面中怎样把接受过来的id作为表单的隐藏id。

    我想把 <%     String goodsid = (String)request.getAttribute("goodsId"); %> goodsid作为表单的 ...

  9. 12306购票页面练习——(div(外)布局与表单(内)练习)

    一.代码如下 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF ...

最新文章

  1. 18个让程序员流泪的瞬间,已笑喷,哈哈哈哈哈哈!
  2. 2018年,关于CAP最精彩的小故事!
  3. 面试官:BigDecimal一定不会丢失精度吗?
  4. opsforhash 过期时间_药品过期还能吃吗?本文带你秒懂药品有效期~
  5. windows内存结构概述
  6. 前端对div连线_《前端图形学从入门到放弃》003 三维世界
  7. 微信python天天学_教你使用python实现微信每天给女朋友说晚安
  8. 5mm方格本打印模板_如何制作属于自己的“方格本”_HP 3548_办公打印新闻-中关村在线...
  9. 基于OpenCv的人脸识别系统设计
  10. [Pytorch系列-71]:生成对抗网络GAN - 图像生成开源项目pytorch-CycleGAN-and-pix2pix - 使用预训练模型训练pix2pix模型
  11. 《SolidWorks 2014中文版完全自学手册》——第1章 SolidWorks 2014入门 1.1 SolidWorks的设计思想...
  12. 【jzoj2163】【二分】算法学习(sfxx)
  13. APP——功耗测试(耗电测试)——基础知识
  14. matlab中画网格,matlab怎么画网格
  15. JavaSE:抽象类和接口
  16. 瑞吉外卖:linux课程学习(软件安装、项目部署)
  17. 供赴鸿蒙什么意思,不负遇见共赴鸿蒙《仙风道骨》手游与你同行
  18. spark on yarn启用动态分配
  19. SCI论文回复审稿人意见
  20. RFID射频卡写入手机NFC心路小记

热门文章

  1. 什么相片可以两张弄成一张_在PS内如何将两张照片合成一张
  2. ImageMagick将多张图片拼接成一张图片_批量裁剪图片、拼接长图、添加水印不想打开ps,你可以试试这款软件...
  3. 有一个已排好序的数组,要求输入一个数后,按原来排序规律将他插入数组。
  4. html图片缩放全部显示不全,100% width CSS 在缩小/放大窗口时候内容被截断或显示不全...
  5. Python新手入门指导
  6. 上海叮咚买菜抢菜程序
  7. 游戏开发、安卓、IOS知识概括
  8. 火焰识别python_五行属火的字大全
  9. 惠普win7笔记本耳机没声音
  10. [2019][]自适应学习平台的关键技术与典型案例