`

JavaScript特效

阅读更多
1.关闭页面:
    <a href=javascript:close()>[关闭窗口]</a>

2.调整页面大小
    <input type="button" value="调节到宽200 300" onclick=window.resizeTo(200,300)>

3.历史按钮
    <input type="button" value="后退" onclick="history.go(-1)">
    <input type="button" value="刷新" onclick="history.go(0)">
    <input type="button" value="前进" onclick="history.go(1)">

4.发送邮件
     <a href="mailto:simlink_xumiao@163.com">给我发邮件</a>   

5.冻结按钮
     <input type="button" value="此按钮不可用" disabled>

6.链接注释(鼠标放到链接上时会显示)
    <a href="http://www.baidu.com" title="链接到百度">百度</a><br>

7.滚动文字
    <marquee direction="down" scrollamount=3 width=400 height=300 onmouseover="this.stop()" onmouseout="this.start()">
      滚动文字,还可以加图片<br>
      <a href="http://baike.baidu.com/view/1214012.htm">更多内容请点此处</a>
   </marquee>

7.获得键盘所点击的值
     <body onkeydown=alert("键值是:"+window.event.keyCode)>请单击键盘试试

8.四种弹出框
     <input type=button value=alert onclick=alert("这是第一种")>
<br><input type=button value=confirm onclick=confirm("这个是第二种")>
<br><input type=button value=prompt onclick=prompt("这个是第三个","好不好玩呀?")><br>
    <input type=button value=open onclick=window.open(" http://www.baidu.com")>

9.表格变色
<table border=1 width=50 height=40>
   <tr>
      <td onmouseover=this.style.backgroundColor="red" onmouseout=this.style.backgroundColor="#dddddd">文字</td>
   </tr>
</table>

10.掐死text
   <input type=text onfocus=this.blur() value=不能操作 style=background-color:#d9992f>

11.打印输出
  <input type=button value=打印本页 onclick=window.print()>

12.获得keyCode
<script>
   function look(){
     if(event.keyCode=123){window.print()} //123是F12的keyCode
   }
   document.onkeydown=look
</script>

13.获得浏览器信息
<script>
   document.write("你的浏览器是"+navigator.appName+" "+navigator.appVersion);
</script>

14.交互文字
  <input type=text name=ee>
  <input type=button value=写入 onclick="Info.innerHTML=ee.value">
  <p><br>
    <center><span id=Info style=filter:glow (color=orange);width:100%;font-size:25pt></span>
  </center>
  </p>

15.自动选中
  <input type="text" onmouseover=this.select() onmouseout=this.focus() value="username">

16.返回到页面的顶部或底部
  <input type=button value=下滚屏 onclick="for(i=1;i<=750;i++){parent.scroll(1,i)}">
  <br><p>1<br><p>2<br><p>3<br><p>4<br><p>5<br><p>6<br><p>7<br><p>8<br><p>9<br><p>0<br><p>1<br><p>2<br><p>3<br><p>4
  <input type=button value=上滚屏 onclick="for(I=750;I>1;I=I-1){parent.scroll(1,I)}">









分享到:
评论

相关推荐

    前端常用JavaScript特效合集

    JavaScript是前端开发中不可或缺的一部分,尤其对于网页动态效果和交互设计而言,JavaScript特效的应用尤为重要。这个"前端常用JavaScript特效合集"包含1500个不同的特效,为开发者提供了丰富的资源库,帮助他们提升...

    javascript特效javascript特效javascript特效

    JavaScript特效在网页设计中起着至关重要的作用,它赋予了静态网页动态的视觉效果,提升了用户体验。JavaScript是一种轻量级的、解释型的编程语言,主要用于客户端的网页交互。在这个主题下,我们将深入探讨...

    javascript特效大全手册

    《JavaScript特效大全手册》是一本全面涵盖JavaScript特效的资源集合,包含了1500个不同的JavaScript特效实例,旨在为前端开发者提供丰富的参考资料和实践指导。这些特效覆盖了网页设计的各个方面,包括动画、交互、...

    JavaScript 特效源码大全

    这个“JavaScript特效源码大全”压缩包显然包含了各种JavaScript实现的视觉特效代码,对于开发者来说,是一个非常宝贵的参考资料。下面我们将深入探讨JavaScript特效开发中的关键知识点。 1. **DOM操作**:在...

    JAVASCRIPT特效.rar

    这个"JAVASCRIPT特效.rar"压缩包显然包含了一系列与JavaScript特效相关的资源,可能是代码示例、教程或者是参考手册。下面将详细讨论JavaScript特效及其相关知识点。 1. **DOM操作**:JavaScript通过Document ...

    Javascript特效代码全集

    JavaScript特效代码全集是汇集了各种JavaScript编程技巧和方法,用于在网页中创建吸引人的视觉效果和交互体验的资源集合。这些特效可以增强网站的用户体验,使内容更加生动有趣。JavaScript,作为Web开发中的主要...

    javascript特效原码大全

    JavaScript特效原码大全是一份集合了多种JavaScript编程技术实现的视觉效果代码库,涵盖了网页设计中的各种常见和创新特效。这些特效可能包括动画、交互、图表、导航菜单、图像处理、时间日期显示、滑块、轮播图、...

    javascript 特效打包!

    JavaScript特效打包资源主要涵盖了一系列与JavaScript编程相关的动态效果实现,如图片广告轮播、特效展示等。这些特效在网页设计和开发中起着至关重要的作用,可以极大地提升用户体验,增加网站的吸引力。以下是对...

    100个Javascript特效页面以及源代码

    "100个Javascript特效页面以及源代码"集合涵盖了多种JavaScript技术的应用实例,是学习和研究JavaScript特效的理想资源。下面将详细介绍其中可能包含的一些关键知识点。 1. **DOM操作**:JavaScript通过Document ...

    Javascript特效大全(上册)

    《JavaScript特效大全(上册)》是一本深入探讨JavaScript编程技术及其在网页特效实现方面的专著。本书旨在帮助读者掌握JavaScript的基本用法,并通过一系列生动的特效实例,展示JavaScript在网页设计中的强大潜力。 ...

    程序员常用JavaScript特效

    作为一个程序员,熟练掌握JavaScript特效的制作技巧能够极大地提升网页的交互性和用户体验。本文将深入探讨一些程序员常用的JavaScript特效及其背后的原理。 首先,我们来谈谈JavaScript基础。JavaScript是一种解释...

    JavaScript特效大全

    JavaScript特效大全是一个集合了众多JavaScript编程技巧和效果的资源库,涵盖了时间日期处理、页面导航设计、背景动画、页面元素特效、图形与图像操作、按钮交互以及文本动态效果等多个方面。这个压缩包中的文件,...

    Javascript特效代码大全 程序员常用的网页特效

    在"Javascript特效代码大全"这个资源中,程序员可以找到许多实用的JavaScript代码示例,帮助提升网页的用户体验和视觉吸引力。 1. **基础概念**: JavaScript主要运行在浏览器环境中,通过DOM(文档对象模型)操作...

    JavaScript动态网页开发详解——JavaScript特效

    在“JavaScript动态网页开发详解——JavaScript特效”这一主题中,我们将深入探讨JavaScript如何实现各种炫酷的网页效果。 一、JavaScript基础 在讨论特效之前,我们需要了解JavaScript的基础。JavaScript语法与...

    JavaScript特效大全(推荐)

    JavaScript特效大全是一个全面涵盖JavaScript视觉效果的资源集合,旨在帮助开发者和学习者掌握各种JavaScript编程技巧,提升网页交互体验。这个资源包包含了多种类型的JS特效,不仅提供了代码示例,还有详细的指导,...

    JavaScript特效代码集

    JavaScript特效代码集是一个珍贵的学习资源,它包含了大约100个不同的JavaScript特效示例,旨在帮助开发者和网页设计师深入理解和应用JavaScript技术。这些特效在网页设计中起着至关重要的作用,能够提升用户体验,...

    JavaScript 特效源码大全 chm JavaScript 特效源码大全 chm

    JavaScript特效源码大全,基本都是一些早些时期收集的Javascirpt特效,包括网页特效/窗口特效/鼠标特效/图像及菜单特效等,每一分类里都有不少的实用技巧,不但可以用到你的网页中,还可以研究一下Js技术.

    JavaScript特效打包下载

    这个"JavaScript特效打包下载"包含了多种不同类型的特效,如页面特效、窗口特效、div层处理以及文字特效等,这些都是网页设计师常用且必备的工具。 首先,我们来详细了解JavaScript在网页特效中的应用。JavaScript...

Global site tag (gtag.js) - Google Analytics