`

非常好的js代码

IEFlash嵌入式音乐JavaScript 
阅读更多 

控制横向和纵向滚动条的显隐？
<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"> 

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

--------------------------------------------------------------------------------
 不能点右键，不用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);
}
分享到：
| 图片按比例缩放函数
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript代码应该放在HTML代码哪个位置比较好？

    在哪里放置 JavaScript 代码？ 通常情况下，JavaScript 代码是和 HTML 代码一起使用的，可以将 JavaScript 代码放置在 HTML 文档的任何地方。但放置的地方，会对 JavaScript 代码的正常执行会有一定影响，具体如下所...

    【代码排版】js代码排版工具

    本资源主要关注JavaScript（js）的代码排版工具，帮助开发者快速整理混乱的代码，使其变得井然有序。 首先，我们要理解为何代码排版如此重要。一个整洁的代码结构可以降低理解难度，减少出错几率，提升开发效率。当...

    js好看效果源代码大全

    在"js好看效果源代码大全"中，我们可以期待找到一系列用于增强网页视觉吸引力和用户体验的JavaScript源码。这些源码可能包括动画效果、用户界面元素、交互功能等，旨在让开发者能够快速地将这些效果整合到自己的项目...

    处理ajax返回的js代码

    标题 "处理ajax返回的js代码" 涉及的核心知识点是使用Ajax技术动态获取并执行JavaScript代码。Ajax（异步JavaScript和XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器交换...

    html代码美化工具js代码美化

    对于JS（JavaScript）代码美化，工具会处理包括但不限于以下几点：统一代码缩进（使用空格或制表符）、插入缺失的分号和括号、按照标准格式化字符串和注释、调整变量和函数声明的顺序。这些操作有助于提高代码的...

    js2c#-js转换c#代码

    "js2c#"工具正是为了解决跨语言转换的问题，它允许开发者将JavaScript代码转换为C#代码，以便在C#环境中使用。 1. **JavaScript到C#的转换原理**： js2c#工具通过解析JavaScript源码，将其语法规则映射为对应的C#...

    JS代码混淆软件（小巧实用）

    "JS代码混淆软件"是一个小巧而实用的工具，它可以帮助开发者快速地对JavaScript代码进行混淆。以下是一些常见的JS代码混淆工具： 1. UglifyJS：一个流行的JavaScript压缩和混淆工具，可以删除未使用的变量、函数，...

    多个简单漂亮的树型菜单JS代码

    首先，标题中的“多个简单漂亮的树型菜单JS代码”意味着我们拥有若干个不同设计风格且易于实现的JavaScript树形菜单代码。这些代码通常是轻量级的，旨在快速、高效地构建具有视觉吸引力的交互式菜单，同时保持良好的...

    js特效代码大全

    "js特效代码大全"这个资源集合了多种JavaScript特效的源码，对于开发者来说，是提升技能和加快项目进度的重要参考资料。下面将详细探讨JavaScript特效及其相关知识点。 1. **DOM操作**：JavaScript通过Document ...

    非常漂亮的轻量级提示信息框JS代码

    在提供的压缩包文件“非常漂亮的轻量级提示信息框JS代码”中，应该包含了实现以上功能的JavaScript代码文件和可能的CSS样式文件。通过查看和学习这些代码，你可以了解具体的实现细节和技巧，也可以将其应用到自己的...

    javascript代码压缩工具

    JavaScript代码压缩工具是Web开发中不可或缺的一部分，它们主要用于减少JavaScript文件的大小，从而提高网页加载速度，节省带宽，优化用户体验。在这个过程中，JavaScript代码压缩工具通过删除不必要的空格、换行符...

    全国省市县js代码

    全国省份市县各区域已经封装好的js代码封装代码，在前端简单粗暴获取省份市县！

    超好看的JS广告特效代码

    分享一个超好看的JS广告特效代码,多图轮显，希望对大家有用

    非常有用的js代码全集

    - "function.js"很可能是存储自定义函数和通用JavaScript代码的文件，这些函数可能被其他HTML页面调用来执行特定任务。 - "ajax.rar"如前所述，可能包含AJAX的相关示例和代码片段。 - "windows.rar"可能包含模拟...

    js代码格式软件

    js代码格式化数据，从网上下载的东西，往往js代码混乱，无法有序查看，用此工具很好使，使js代码很好被查看

    vs2012实现js代码折叠

    在实际开发中，利用代码折叠可以帮助我们更好地组织和管理代码，尤其是在处理大型复杂的JS项目时。通过折叠不相关的代码块，我们可以专注于当前正在处理的部分，从而提高工作效率。同时，这对于团队协作也很有帮助，...

    html背景轮播js代码

    HTML 背景轮播 JS 代码是一段可以插入 HTML 页面的 JavaScript 代码，用于实现背景图片轮播效果。这段代码可以直接嵌入 HTML 代码的最后面，以实现页面背景图片的轮播功能。 知识点 1: JavaScript 变量声明 在这段...

    好看的图片滚动JS代码

    "好看的图片滚动JS代码"指的是利用JavaScript（JS）语言来实现的一种动态展示图片的方式，它可以为网站增添互动性和视觉吸引力。JavaScript是一种轻量级的解释型编程语言，广泛应用于网页和网络应用开发，尤其在实现...

    javascript源代码下载

    对于开发者来说，获取JavaScript的源代码对于学习、研究以及进一步开发都是非常有价值的。下面将详细介绍与该主题相关的几个关键知识点： ### JavaScript 源代码的重要性 1. **学习资源**：JavaScript 的源代码是...

    中文版地图JS代码全球、全国各省

    这个资源包包含了一系列专为显示中国各省份地图的JavaScript代码，旨在帮助开发者轻松实现地理信息的可视化。 【描述】"里面包含全国各省的中文版地图的js文件" 暗示了这个压缩包中的主要内容是JavaScript（js）...

Magicbox
Global site tag (gtag.js) - Google Analytics