JavaScript网页特效5则

  动态字幕

  代码:在需要处加入

  < marquee onmouseover=this.stop() onmouseout=this.start()>欢迎访问JavaScript教程网

  特点:当你把鼠标指向字幕时字幕停止并有链接、移开鼠标指针字幕又滚动了,运用以上代码即可实现。

  延伸:动态字幕有一个属性“direction”,它是控制字幕滚动方向的,把“direction”的属性改为“up”,就可以实现向上滚动,同理当改为“down”时就向下滚动,那么“left”和“right”自然就是向左和向右了。www.hljmlyfcyy.com

  自动刷新

  代码:在网页的和之间加入

  < meta httpequiv="refresh"content="15;url=cesi.htm">

  解释:如果你的主页有一个欢迎页面,你希望它在显示15秒后转入你的首页,你可以使用以上的代码,时间可改为你想要的时间。

  关闭窗口

  ①以按钮方式

  代码:在你需要处加入

  < INPUT onclick=window.close() type=button value=关闭窗口>

  解释:本代码结果是以按钮关闭当前页面。

  ②以链接方式

  代码:在你需要处加入

  < a href="#" onClick="javascipt:window.close();return false;">关闭窗口

  解释:本代码结果是以链接关闭当前页面。

  ③定时关闭

  代码:在网页的和之间加入

  < script language="JavaScript">www.hrbfc120.com

  解释:加入此代码后网页会在打开3秒后自动关闭(3000代表3000毫秒即3秒)。

  反续排列

  代码:在需要处加入

  < bdo dir="rtl">反续列

  特点:当你需要把一段话反起来排列时,你怎么办呢?反起来一个一个地输入吗?只要使用以上代码,即可实现。

  网页的下划线

  代码:在网页的和之间加入

  < Style Type="text/css">

  介绍:许多朋友觉得那些链接下的下划线非常碍眼,加入以上代码后,当访问者指向链接时才有下划线,平时没有。

时间: 2024-10-08 23:08:04

JavaScript网页特效5则的相关文章

JavaScript网页特效范例目录

JavaScript网页特效范例目录 实例001                 打开新窗口显示广告信息 实例002                                  定时打开窗口 持续更新中.....

JavaScript——WEBAPIS_深入动画函数的封装,常见网页特效

深入动画函数的封装 1.动画函数的封装 1.1 缓动效果的实现 这里有一些核心的算法,(目标值 - 现在的位置) ??/??10 = 每一次移动的步长 拿一个具体的效果举例子,比如让一个元素慢下来, 实现想法:让元素的移动距离变下,每一次的步长都变小,核心的算法:** (目标值 - 现在的位置) ??/??10??? 做为每次移动的距离步长**,其停止的条件就是当盒子到达目标位置就停止定时器 实现的代码: <body> <button>点击之后老李才飞!</button>

实用的JavaScript鼠标特效

JS代码使鼠标滚轮失效 1 当页面内容太多时,可以通过鼠标滚轮实现翻页效果.但有些读书网站提供页面自动滚屏的功能,此时可使鼠标的滚轮失效,让用户充分体验网站提供的功能. 本例在页而中添加了一个表格,可将窗口缩小,以出现滚动条效果.当出现滚动条时.滑动鼠标的滚轮,测试此操作是否能够成功.代码重写了“document.onmousewheel”方法,若返回false值则表示不执行任何鼠标滚动的操作. 2 实例代码如下: <html xmlns="http://www.w3.org/1999/x

网页特效”漂浮广告代码”来回跳动的

<div id="ad" style="position:absolute"><a href="http://www.scshlx.com/wayne173" target="_blank"><img src="http://www.hxlysw.com/images/adminlogo.gif" border="0"></a></d

DIV+CSS+JS仿Select下拉表单网页特效源代码下载

DIV+CSS+JS仿Select下拉表单 原文:DIV+CSS+JS仿Select下拉表单网页特效源代码下载 源代码下载地址:http://www.zuidaima.com/share/1550463331830784.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <

需要按次序点击链接的网页特效

需要按一次次序来点击链接的网页特效,有些前端开发者将其命名为“先点击后链接”,需要按要求一个一个点击链接后才能让指定的链接生效,记得以前这种功能常被用于广告上面,用户不点击广告,就不能激活某个链接,不过这功能有点烦人啊,还是不要用为好,本代码仅供学习一种编程的思路. <html> <head> <script language="JavaScript"> var num = 3; //链接总数 var mypage = 'http://www.bai

网页中实用的中英文日历网页特效代码

<HTML> <HEAD> <TITLE>有用的中英文日历网页特效代码-草坪基地-上谷战国红</TITLE> <!--<script language="javascript" src="PopupCalendar.js" ></script>--> <script> //more from webjx.com function PopupCalendar(Instanc

HTML、CSS、JavaScript网页制作从入门到精通 (刘西杰) pdf扫描版彩色版?

html.css.JavaScript网页制作从入门到精通中从基础知识开始讲起,如html的基本标记.文字与段落标记.表格标记.超链接标记--同时介绍了目前流行的web标准与css网页布局实例,以及基于语言的网页特效制作.需要的朋友们可以下载看看! HTML\CSS\JavaScript网页制作从入门到精通共分为18章和4个附录,重点介绍使用HTML进行网页制作的方方面面,同时讲解了目前流行的Web标准与CSS网页布局实例,以及基于JavaScript语言的网页特效制作.为了便于读者学习,附录中

phantomjs介绍-(js网页截屏、javascript网页解析渲染工具)

phantomjs介绍-(js网页截屏.javascript网页解析渲染工具) phantomjs 是一个基于js的webkit内核无头浏览器 也就是没有显示界面的浏览器,这样访问网页就省去了浏览器的界面绘制所消耗的系统资源,比较适合用于网络测试等应用 .利用这个工具,我们可以轻松的搭建一个接口用于获取我们想要的url的整页截屏. PhantomJS is a headless WebKit with JavaScript API. It has fast and native support