zoukankan
html css js c++ java
常用网页效果
1
.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<
STYLE
>
body
{background
-
image:url(logo.gif); background
-
repeat:no
-
repeat;
background
-
position:center;background
-
attachment:
fixed
}
</
STYLE
>
2
.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()
3
. oncontextmenu
=
"
window.event.returnValue=false
"
将彻底屏蔽鼠标右键
<
table border oncontextmenu
=
return
(
false
)
><
td
>
no
</
table
>
可用于Table
4
.
<
body onselectstart
=
"
return false
"
>
取消选取、防止复制
5
. onpaste
=
"
return false
"
不准粘贴
6
. oncopy
=
"
return false;
"
oncut
=
"
return false;
"
防止复制
7
.
<
link rel
=
"
Shortcut Icon
"
href
=
"
favicon.ico
"
>
IE地址栏前换成自己的图标
8
.
<
link rel
=
"
Bookmark
"
href
=
"
favicon.ico
"
>
可以在收藏夹中显示出你的图标
9
.
<
input style
=
"
ime-mode:disabled
"
>
关闭输入法
<
noscript
><
iframe src
=*
.html
></
iframe
></
noscript
>
10
.
<
input type
=
button value
=
查看网页源代码
onclick
=
"
window.location =
"
view
-
source:
"
+
"
http:
//
www.pconline.com.cn/"">
11
. 取得控件的绝对位置
//
javascript
<
script language
=
"
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);
}
</
script
>
12
. 光标是停在文本框文字的最后
<
script language
=
"
javascript
"
>
function cc()
{
var e
=
event
.srcElement;
var r
=
e.createTextRange();
r.moveStart(
"
character
"
,e.value.length);
r.collapse(
true
);
r.select();
}
</
script
>
<
input type
=
text name
=
text1 value
=
"
123
"
onfocus
=
"
cc()
"
>
13
. 最小化、最大化、关闭窗口
<
object
id
=
hh1 classid
=
"
clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11
"
>
<
param name
=
"
Command
"
value
=
"
Minimize
"
></
object
>
<
object
id
=
hh2 classid
=
"
clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11
"
>
<
param name
=
"
Command
"
value
=
"
Maximize
"
></
object
>
<
OBJECT id
=
hh3 classid
=
"
clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11
"
>
<
PARAM NAME
=
"
Command
"
VALUE
=
"
Close
"
></
OBJECT
>
<
input type
=
button value
=
最小化 onclick
=
hh1.Click()
>
<
input type
=
button value
=
最大化 onclick
=
hh2.Click()
>
<
input type
=
button value
=
关闭 onclick
=
hh3.Click()
>
本例适用于IE
14
.屏蔽功能键Shift,Alt,Ctrl
<
script
>
function look()
{
if
(
event
.shiftKey)
alert(
"
禁止按Shift键!
"
);
//
可以换成ALT CTRL
}
document.onkeydown
=
look;
</
script
>
15
.不要滚动条
?
让竖条没有:
<
body style
=
"
overflow:scroll;overflow-y:hidden
"
>
</
body
>
让横条没有:
<
body style
=
"
overflow:scroll;overflow-x:hidden
"
>
</
body
>
两个都去掉?更简单了
<
body scroll
=
"
no
"
>
</
body
>
16
.怎样去掉图片链接点击后,图片周围的虚线?
<
a href
=
"
#
"
onFocus
=
"
this.blur()
"
><
img src
=
"
logo.jpg
"
border
=
0
></
a
>
17
.电子邮件处理提交表单
<
form name
=
"
form1
"
method
=
"
post
"
action
=
"
mailto:****@***.com
"
enctype
=
"
text/plain
"
>
<
input type
=
submit
>
</
form
>
18
. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
19
. 怎么判断是否是字符
if
(
/
[
^/
x00
-/
xff]
/
g.test(s)) alert(
"
含有汉字
"
);
else
alert(
"
全是字符
"
);
20
.脚本永不出错
<
SCRIPT LANGUAGE
=
"
javascript
"
>
<!--
Hide
function killErrors()
{
return
true
;
}
window.onerror
=
killErrors;
//
-->
</
SCRIPT
>
21
.ENTER键可以让光标移到下一个输入框
<
input onkeydown
=
"
if(event.keyCode==13)event.keyCode=9
"
>
32
.页面进入和退出的特效
进入页面
<
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种随机选择一种
23
.在规定时间内跳转
<
META http
-
equiv
=
V
=
"
REFRESH
"
content
=
"
5;URL=http://www.51js.com
"
>
24
.网页是否被检索
<
meta name
=
"
ROBOTS
"
content
=
"
属性值
"
>
其中属性值有以下一些:
属性值为
"
all
"
: 文件将被检索,且页上链接可被查询;
属性值为
"
none
"
: 文件不被检索,而且不查询页上的链接;
属性值为
"
index
"
: 文件将被检索;
属性值为
"
follow
"
: 查询页上的链接;
属性值为
"
noindex
"
: 文件不检索,但可被查询链接;
属性值为
"
nofollow
"
: 文件不被检索,但可查询页上的链接。
25
水平线(细线,无阴影):
<
hr size
=
"
1
"
color
=
"
green
"
noshace
=
"
noshace
"
/>
26
在页面中插入Flash文件
<
div
>
<!--
src:.swf文件的路径; quality:图像显示的质量 type:文件类型(可以不设置) wmode:文件显示的模式(transparent:透明) menu:菜单(
false
:无菜单)
-->
<
embed src
=
"
41.swf
"
quality
=
"
high
"
type
=
"
application/x-shockwave-flash
"
width
=
"
400
"
height
=
"
350
"
wmode
=
"
transparent
"
menu
=
"
false
"
></
embed
>
</
div
>
27自动换行(若单元格是的数据过长时使用,不打回车,自动换行)
<
td style
=
"
text-align:left; word-break:break-all;
"
>
//
按长度截断
<
td style
=
"
text-align:left; word-break:break-word;
"
>
//
换行时不会截断单词
28
显示时间:
function showDateTime()
{
var date
=
new
Date();
var msg
=
date.getFullYear()
+
"
年
"
;
msg
+=
(date.getMonth()
+
1
)
+
"
月
"
;
msg
+=
date.getDate()
+
"
日
"
;
msg
+=
date.getHours()
+
"
:
"
;
msg
+=
date.getMinutes()
+
"
:
"
;
msg
+=
date.getSeconds();
divDateTime.innerText
=
msg;
//
把时间值赋给一个层
setTimeout(
"
showDateTime()
"
,
1000
);
}
,
这个送给你!
查看全文
相关阅读:
Kafka官方文档翻译——实现
什么是分布式消息中间件?
Kafka官方文档翻译——设计
Kafka官方文档翻译——简介
Zore copy(翻译《Efficient data transfer through zero copy》)
Netty轻量级对象池实现分析
记一次查内存异常问题(续《记一次Web应用CPU偏高》)
记一次Web应用CPU偏高
Hive DDL DML SQL操作
Memcache入门
原文地址:https://www.cnblogs.com/di305449473/p/1239777.html
最新文章
Gradle sync failed: Cause: org.gradle.logging.StyledTextOutput$Style Consult IDE log for more details
Error:java.util.concurrent.ExecutionException: com.android.tools.aapt2.Aapt2Exception: AAPT2 error: check logs for details
Error:Annotation processors must be explicitly declared now.
Error:Execution failed for task ':app:processAnzhiDebugAndroidTestResources'. > No slave process to process jobs, aborting
java.lang.RuntimeException: Canvas: trying to draw too large(107331840bytes) bitmap.
ORA-12541:TNS-12560:ORA-12518:ORA-28040:ORA-01017
(转) 专注才能高效
java SimpleDateFormat setLenient用法
java BigDecimal使用
java日期处理的一些例子使用...
热门文章
(转)Intellij IDEA 自动生成 serialVersionUID
CountDownLatch的使用
(转)git fetch & pull详解
(转) intellij idea部署web项目时的位置(Tomcat)
FutureTask的用法以及两种常用的使用场景
@Transactional的正确打开方式
消息中间件架构讨论
Netty ByteBuf源码分析
分布式消息中间件中的一些概念(接上一篇的《什么是分布式消息中间件?》)
ByteBuffer源码分析
Copyright © 2011-2022 走看看