实用的Javascript网页特效实例代码片段

javascript|特效|网页|网页特效

  放送:实用的JS代码片段——网页特效代码很多了,这里收集整理的是一些常规的比较实用的JS代码片断。

  字号缩放

  让文字大点,让更多的用户看的更清楚。(也可以把字体变为百分比来实现)

<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 name="select" > 
<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>
  添加到收藏夹和设为首页

  添加到收藏夹

<a href="javascript:window.external.addFavorite('http://链接','说明');">添加到收藏夹</a>
  设为首页

<a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage ('http://链接');>设为首页</a>
  打开窗口即最大化

<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 都适用

  防止点击空链接时,页面往往重置到页首端

  代码“javascript:void(null)”代替原来的“#”标记,也可以用“#nogo”来代替啊?

  自动换行

 style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"
  只对IE有用...FF的话用overflow:hidden来解决,不至于影响美观

时间: 2024-08-03 12:43:52

实用的Javascript网页特效实例代码片段的相关文章

web前端开发JQuery常用实例代码片段(50个)_jquery

本文给大家展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成.这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西. 1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分.在这种情况下

CSS网页制作实例代码:模拟新浪微博的三角图像

文章简介:CSS网页制作实例代码:新浪微博的三角图像. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta

CSS3网页布局实例代码:始终在网页底部代码2则

文章简介:CSS3网页布局实例代码:始终在网页底部代码2则 <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>始终在底部(1)</title><style>body{margin:0} html, body{height:100%}

java正则截取出javascript中的json代码片段。

问题描述 java正则截取出javascript中的json代码片段. 在做爬虫的时候,爬出一个页面大量包含 var aa = {json_aa}; var bb= {json_bbb}; var cc = {json_cccc}; JAVA中如何用正则表达式截取出某个JS定义的JSON对象,如bb变量后的{json_bbb}; 数据用来转换JAVA对象进行处理. 谢谢! 解决方案 首先已经爬取到上面的数据,你可以正则获取到 var bb= {json_bbb}; 这样的数据. java 中有可

Android Studio Intent隐式启动,发短信,拨号,打电话,访问网页等实例代码_Android

Android Studio Intent隐式启动,发短信,拨号,打电话,访问网页等实例代码 功能 创建5个按钮,隐式启动.发短信.拨号按钮.电话按钮.打开网页按钮.通过使用Intent来完成各自按钮下的功能 代码目录如下 详细代码如下: activity_main.xml代码如下 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://sc

JavaScript实现的Tween算法及缓冲特效实例代码_javascript技巧

本文实例讲述了JavaScript实现的Tween算法及缓冲特效.分享给大家供大家参考,具体如下: 这里演示Tween 算法及缓冲特效的JavaScript代码,利用它可以做缓动.弹簧等很多动画效果,怎么利用flash的Tween类的算法,来做js的Tween算法,并利用它做一些简单的缓动效果呢,看懂了本代码你就明白了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-tween-run-style-codes/ 具体代码如下: <!DOC

Javascript网页特效:闪现的礼花背景

javascript|特效|网页|网页特效     很老的效果了,但对于一些生手来说还是很有用处的.      把如下代码加入<body>区域中 <layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a1" left=10 top=10

随机显示图片的Javascript网页特效源代码

javascript|随机|特效|网页|网页特效|显示|源代码 首先搞个js的文件,如image.js,代码如下:today=new Date(); jran=today.getTime(); function rnd() { ia=9301; ic=49297; im=233280; jran = (jran*ia+ic) % im; return jran/(im*1.0); }; function rand(number) { return Math.ceil(rnd()*number);

美丽网页特效及其代码汇编

特效|网页|网页特效 把下面代码中用到的FLASH文件及图片文件自己保存就可以了! (一)天上散花 <CENTER><EMBED style="RIGHT: 280px; WIDTH: 600px; POSITION: absolute; TOP: 0px; HEIGHT: 1600px" align=right src=http://bbs.flasher123.com/UploadFile/2004-9/20049120533895073.swf type=app