非常好的js代码

xhovfm5jxh

xhovfm5jxh

2016-02-19 12:53

今天图老师小编要跟大家分享非常好的js代码,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

控制横向和纵向滚动条的显隐?
body style="overflow-y:hidden" 去掉x轴
body style="overflow-x:hidden" 去掉y轴
body scroll="no"不显


表格变色
TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=''"
style="CURSOR: hand"


禁止复制,鼠标拖动选取
body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false


普通iframe页面
iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"/iframe


iframe自适应高度
iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight" /iframe


IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标
link rel="Shortcut Icon" href="favicon.ico"
link rel="Bookmark" href="favicon.ico"


字号缩放
越来越多的人长时间的泡网,眼镜的普及率也越来越高,让文字大点,让更多的用户看的更清楚。
script type="text/javascript"
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
/script
span id="zoom"需要指定大小的文字/span
a href="javascript:doZoom(16)"大/a a href="javascript:doZoom(14)"中/a a href="javascript:doZoom(12)"小/a


select挡住div的解决方法
在div里加入下面的代码,根据需要调整就可以了。
iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;"
/iframe


iframe(嵌入式帧)自适应高度
填写的嵌入地址一定要和本页面在同一个站点上,否则会提示拒绝访问!。对跨域引用有权限问题,请查阅其他资料。
iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no onload="document.all['guestbook'].style.height=guestbook.document.body.scrollHeight"/iframe


跳转菜单新窗口
select name="select" onchange="window.open(this.options[this.selectedIndex].value)"
option value="http://www.microsoft.com/ie" Internet Explorer/option
option value="http://www.microsoft.com" Microsoft Home/option
option value="http://msdn.microsoft.com" Developer Network/option
/select


flash透明选项
param name="wmode" value="transparent"


添加到收藏夹和设为首页
添加到收藏夹:
a href="javascript:window.external.addFavorite('http://链接','说明');"添加到收藏夹/a
设为首页:
a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage ('http://链接');设为首页/a


记录并显示网页的最后修改时间
script language=JavaScript
document.write("最后更新时间: " + document.lastModified + "")
/script


节日倒计时
Script Language="JavaScript"
var timedate= new Date("October 1,2002");
var times= "国庆节";
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
if (time = 0)
document.write( "现在离"+times+"还有: "+time +"天")
/Script


加在HEAD里
禁止缓存
meta http-equiv="Expires" CONTENT="0"
meta http-equiv="Cache-Control" CONTENT="no-cache"
meta http-equiv="Pragma" CONTENT="no-cache"

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

让IFRAME框架内的文档的背景透明
iframe src="about:body style='background:transparent'" allowtransparency/iframe


打开窗口即最大化
script language="JavaScript"
!-- Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End --
/script


加入背景音乐
bgsound src="mid/windblue[1].mid" loop="-1" 只适用于IE
embed src="music.mid" autostart="true" loop="true" hidden="true" 对Netscape ,IE 都适用


滚动
marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2滚动信息
/marquee


防止点击空链接时,页面往往重置到页首端
代码javascript:void(null)代替原来的#标记


文字或图片弹出指定大小的窗口
在body中加入
script language="JavaScript" type="text/JavaScript"
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
/script
弹出代码
a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0"图片或文字/a


flash按钮加链接
on (press) {
getURL("http://www.makewing.com","_blank");
}


跳转页面代码
meta http-equiv="refresh" content="5;url=http://www.makewing.com"


细线分隔线
hr noshade size=0 color=#C0C0C0


网页中的自动换行
td style="word-break:break-all"就搞定了。
完整的是
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"


消除ie6自动出现的图像工具栏,设置 GALLERYIMG属性为false或no .
IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no"


禁止页面正文内容被选取
body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()"

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

不能点右键,不用CTRL+A,不能复制作!
body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false"
/body


IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动:
Body Background="图片文件" bgproperties="fixed"


随机变换背景图象(一个可以刷新心情的特效)
Script Language="JavaScript"
image = new Array(4); //定义image为图片数量的数组
image [0] = 'tu0.gif' //背景图象的路径
image [1] = 'tu1.gif'
image [2] = 'tu2.gif'
image [3] = 'tu3.gif'
image [4] = 'tu4.gif'
number = Math.floor(Math.random() * image.length);
document.write("BODY BACKGROUND="+image[number]+"");
/Script


flash载入影片
on (release)
{
loadMovie("1-01.swf", "_root.loaderclip");
}


图片表单按钮
form id="form1" name="form1" method="post" action=""
img src="login.gif" width="62" height="22" onclick="document.form1.submit()" /
/form


左右阴影背景的CSS定义方法
body {
text-align:center;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
}

展开更多 50%)
分享

猜你喜欢

非常好的js代码

Web开发
非常好的js代码

非常好的目录导航文件代码

PHP
非常好的目录导航文件代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

抗癌效果非常好

营养价值
抗癌效果非常好

非常好涂的唇膏

电脑网络
非常好涂的唇膏

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

美白护肤非常好

生活常识 生活小常识
美白护肤非常好

非常好的保健品

红糖姜汤 营养价值
非常好的保健品

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

html下载本地

html下载本地

网页里控制图片大小的相关代码

网页里控制图片大小的相关代码
下拉加载更多内容 ↓