一个有趣的JS：随机效果文本－定时的从一段文本中随机选择一个字
更新时间：2016年11月25日 16:34 点击：1401
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function open () {return true;}
//-->
</SCRIPT>
<title>Ripple Text Examples by Mark Boyle email mboil@hotmail.com</title>
</head>
<BODY bgcolor=green text="white" bgcolor="green" link="yellow" vlink="yellow"
alink="red">
<font color="yellow">
<SCRIPT LANGUAGE="JavaScript">
var speed = 20;
var fulltext;
if(navigator.appName == "Netscape")
document.write('<layer id="wds"></layer><br>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="wds"></span><br>');
function livetext()
{
fulltext="this is an example of random effect text"
var whichchar=Math.round((Math.random()*fulltext.length))
switch(whichchar){
case 0:
fulltext = '<font color="red">' + fulltext.substring(0,1) + '</font>' + fulltext.substring
(1,fulltext.length);
break;
case fulltext.length:
fulltext = fulltext.substring(0,fulltext.length-1) + '<font color="red">' + fulltext.substring
(fulltext.length-1,fulltext.length) + '</font>';
break;
default:
fulltext =
fulltext.substring(0,whichchar) + '<font color="violet">' +
fulltext.substring(whichchar,whichchar+1) + '</font>' +
fulltext.substring(whichchar+1,fulltext.length);
break;
}
if(navigator.appName == "Netscape") {
size = "<font point-size='25pt'>";
document.wds.document.write(size+'<center>' + fulltext + '</center></font>');
第一节--面向对象编程
面向对象编程被设计来为大型软件项目提供解决方案,尤其是多人合作的项目. 当源代码增长到一万行甚至更多的时候,每一个更动都可能导致不希望的副作用. 这种情况发生于模块间结成秘密联盟的时候,就像第一次世界大战前的欧洲.
有关对象的想法是计算机科学上最令人兴奋的概念之一。开始很难掌握它，但我可以保证，一旦你掌握了它，用它的思维来思考将会非常自然。
第十二节--类的自动加载
当你尝试使用一个未定义的类时,PHP会报告一个致命错误. 解决方法就是添加一个类,可以用include包含一个文件. 毕竟你知道要用到哪个类. 但是,PHP提供了类的自动加载功能, 这可以节省编程的时间. 当你尝试使用一个PHP没有组织到的类, 它会寻找一个__autoload的全局函数. 如果存在这个函数,PHP会用一个参数来调用它,参数即类的名称.
例子6.15说明了__autoload是如何使用的. 它假设当前目录下每个文件对应一个类. 当脚本尝试来产生一个类User的实例,PHP会执行__autoload. 脚本假设class_User.php中定义有User类.. 不管调用时是大写还是小写,PHP将返回名称的小写.
Listing 6.15 Class autoloading
<?php
//define autoload function
function __autoload($class)
{
include("class_" . ucfirst($class) . ".php");
}
//use a class that must be autoloaded
$u = new User;
$u->name = "Leon";
$u->printName();
?>
如果你正在设计一个交互式网站，你一定会关注两个主要的问题，就是美工和程序。这也是一个网站在建设中抛开其内容之后最关键的要素。通常有两种方式来协调美工和程序之间的关系：
1.先做好美工页面，然后由程序员直接在美工页面的HTML文件中嵌入ASP、JSP、PHP等程序代码。
2.美工和程序同时进行，但这时因为没有页面框架，程序只能做出一些关键代码，双方完成后再进行一次美工页面和程序代码的嵌入合成。
在实际的网站建设过程中，由于人员、进度等环境的限制，大家通常会混合地使用上面两种协调方式。然而这两种方法都有不足之处：
1. 效率不高。两者协调不好可能产生等待、重复代码调试步骤等现象；
2. 调试不畅。由于程序代码最终需要嵌入在HTML页面中，代码的嵌入、调试、纠错都比较繁琐；
3. 维护不便。一旦美工设计需要修改,如网站改版，那么所有程序和HTML代码混合页面都需要重写；
如果你正在使用PHP程序建设网站，那么恭喜你，PHP的模板技术会比较圆满地解决上述问题。
那么什么是PHP的模板技术？PHP模板即PHPlib的Template技术，是PHPLIB程序库中的一个主要模块之一，发展自Perl的Template。而PHPLIB则是在PHP上的一个扩展，提供了很多类库，能够方便地实现一些基本功能如用户认证，数据库封装等。我们可以在phplib.netuse.de上下载到其最新版本。要使用PHP模板，只需在PHPLIB的程序包中解开template.inc文件，并放到我们的PHP程序能够调用的目录里。
剥开神秘的面纱，模板技术的核心概念简单得令人心跳：要将你的美工页面指定为模板文件，只需将页面中活动的内容如数据库输出，用户交互等部分定义成形式为{variable}的变量放在模板文件中相应的位置，当用户浏览时，由PHP程序文件打开该模板文件，将模板文件中定义的变量进行替换，当然，替换成对应的数据库输出或者用户交互等动态生成内容，举例如下：
定义模板文件：Mytemplate.html
Mytemplte.html的内容为：
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function open () {return true;}
//-->
</SCRIPT>
<title>Ripple Text Examples by Mark Boyle email mboil@hotmail.com</title>
</head>
<BODY bgcolor=green text="white" bgcolor="green" link="yellow" vlink="yellow"
alink="red">
<font color="yellow">
<SCRIPT LANGUAGE="JavaScript">
var speed = 20;
var fulltext;
if(navigator.appName == "Netscape")
document.write('<layer id="wds"></layer><br>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="wds"></span><br>');
function livetext()
{
fulltext="this is an example of random effect text"
var whichchar=Math.round((Math.random()*fulltext.length))
switch(whichchar){
case 0:
fulltext = '<font color="red">' + fulltext.substring(0,1) + '</font>' + fulltext.substring
(1,fulltext.length);
break;
case fulltext.length:
fulltext = fulltext.substring(0,fulltext.length-1) + '<font color="red">' + fulltext.substring
(fulltext.length-1,fulltext.length) + '</font>';
break;
default:
fulltext =
fulltext.substring(0,whichchar) + '<font color="violet">' +
fulltext.substring(whichchar,whichchar+1) + '</font>' +
fulltext.substring(whichchar+1,fulltext.length);
break;
}
if(navigator.appName == "Netscape") {
size = "<font point-size='25pt'>";
document.wds.document.write(size+'<center>' + fulltext + '</center></font>');
第一节--面向对象编程
面向对象编程被设计来为大型软件项目提供解决方案,尤其是多人合作的项目. 当源代码增长到一万行甚至更多的时候,每一个更动都可能导致不希望的副作用. 这种情况发生于模块间结成秘密联盟的时候,就像第一次世界大战前的欧洲.
有关对象的想法是计算机科学上最令人兴奋的概念之一。开始很难掌握它，但我可以保证，一旦你掌握了它，用它的思维来思考将会非常自然。
第十二节--类的自动加载
当你尝试使用一个未定义的类时,PHP会报告一个致命错误. 解决方法就是添加一个类,可以用include包含一个文件. 毕竟你知道要用到哪个类. 但是,PHP提供了类的自动加载功能, 这可以节省编程的时间. 当你尝试使用一个PHP没有组织到的类, 它会寻找一个__autoload的全局函数. 如果存在这个函数,PHP会用一个参数来调用它,参数即类的名称.
例子6.15说明了__autoload是如何使用的. 它假设当前目录下每个文件对应一个类. 当脚本尝试来产生一个类User的实例,PHP会执行__autoload. 脚本假设class_User.php中定义有User类.. 不管调用时是大写还是小写,PHP将返回名称的小写.
Listing 6.15 Class autoloading
<?php
//define autoload function
function __autoload($class)
{
include("class_" . ucfirst($class) . ".php");
}
//use a class that must be autoloaded
$u = new User;
$u->name = "Leon";
$u->printName();
?>
如果你正在设计一个交互式网站，你一定会关注两个主要的问题，就是美工和程序。这也是一个网站在建设中抛开其内容之后最关键的要素。通常有两种方式来协调美工和程序之间的关系：
1.先做好美工页面，然后由程序员直接在美工页面的HTML文件中嵌入ASP、JSP、PHP等程序代码。
2.美工和程序同时进行，但这时因为没有页面框架，程序只能做出一些关键代码，双方完成后再进行一次美工页面和程序代码的嵌入合成。
在实际的网站建设过程中，由于人员、进度等环境的限制，大家通常会混合地使用上面两种协调方式。然而这两种方法都有不足之处：
1. 效率不高。两者协调不好可能产生等待、重复代码调试步骤等现象；
2. 调试不畅。由于程序代码最终需要嵌入在HTML页面中，代码的嵌入、调试、纠错都比较繁琐；
3. 维护不便。一旦美工设计需要修改,如网站改版，那么所有程序和HTML代码混合页面都需要重写；
如果你正在使用PHP程序建设网站，那么恭喜你，PHP的模板技术会比较圆满地解决上述问题。
那么什么是PHP的模板技术？PHP模板即PHPlib的Template技术，是PHPLIB程序库中的一个主要模块之一，发展自Perl的Template。而PHPLIB则是在PHP上的一个扩展，提供了很多类库，能够方便地实现一些基本功能如用户认证，数据库封装等。我们可以在phplib.netuse.de上下载到其最新版本。要使用PHP模板，只需在PHPLIB的程序包中解开template.inc文件，并放到我们的PHP程序能够调用的目录里。
剥开神秘的面纱，模板技术的核心概念简单得令人心跳：要将你的美工页面指定为模板文件，只需将页面中活动的内容如数据库输出，用户交互等部分定义成形式为{variable}的变量放在模板文件中相应的位置，当用户浏览时，由PHP程序文件打开该模板文件，将模板文件中定义的变量进行替换，当然，替换成对应的数据库输出或者用户交互等动态生成内容，举例如下：
定义模板文件：Mytemplate.html
Mytemplte.html的内容为：
<html>
.....
<body>
...
...
</body>
</html>
我们可以看到，事实上模板文件就是一个普通的HTML文件，它包含了你所想要的版面、美工等要素，而内部的活动内容则以变量的形式存在，并等待被替换。显然，模板文件直接被浏览是毫无意义的，因为它不包含任何PHP程序，所有的内容都是“死”的，现在我们来看看，怎样来调用模板，让它“活动”起来。
在PHP编程中, 我们经常会遇到一些直接产生输出的函数, 如passthru(),readfile(), var_dump() 等. 但有时我们想把这些函数的输出导入到文件中,或者先经过处理再输出, 或者把这些函数的输出作为字符串来处理.
这时我们就要用到 Output Buffer(输出缓冲) 函数了.
处理输出缓冲的函数主要有这么几个:
ob_start() 开始输出缓冲, 这时PHP停止输出, 在这以后的输出都被转到一个内部的缓冲里.
ob_get_contents() 这个函数返回内部缓冲的内容. 这就等于把这些输出都变成了字符串.
ob_get_ length() 返回内部缓冲的长度.
ob_end_flush() 结束输出缓冲, 并输出缓冲里的内容. 在这以后的输出都是正常输出.
ob_end_clean() 结束输出缓冲, 并扔掉缓冲里的内容.
举个例子, var_dump()函数输出一个变量的结构和内容, 这在调试的时候很有用.
但如果变量的内容里有 < , > 等HTML的特殊字符, 输出到网页里就看不见了. 怎么办呢?
用输出缓冲函数能很容易的解决这个问题.
ob_start();
var_dump($var);
$out = ob_get_contents();
ob_end_clean();
这时var_dump()的输出已经存在 $out 里了. 你可以现在就输出:
echo '<pre>' . htmlspecialchars($out) . '</pre>' ;
或者等到将来, 再或者把这个字符串送到模板(Template)里再输出.
相关文章
- 今天小编在这里就来给Painter的这一款软件的使用者们来说一说绘制红衣喝酒男水粉画效果的教程，各位想知道具体绘制步骤的使用者，那么下面就快来跟着小编一起看一看教程...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说说利用各种素材合成闪电侠效果的制作教程，各位想知道具体制作步骤的使用者们，那么下面就快来跟着小编一起看...2016-09-14
- 今天小编在这里就来给美图秀秀的这一款软件的使用者们来说下把普通照片快速转换成卡通效果的教程，各位想知道具体制作步骤的使用者们，那么下面就快阿里跟着小编一起看一...2016-09-14
- 本文实例讲述了JS实现双击屏幕滚动效果代码。分享给大家供大家参考，具体如下：这里演示双击滚屏效果代码的实现方法，不知道有觉得有用处的没，现在网上还有很多还在用这个特效的呢，代码分享给大家吧。运行效果截图如下：在线演...2015-10-30
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说说调出时尚个性青色人像照片效果的调色教程，各位想知道到底该怎么调色的，那么下面就快来跟着小编一起看一看...2016-09-14
- 这篇文章主要介绍了超简洁java实现双色球若干注随机号码生成(实例代码),本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2021-04-02
- 这篇文章主要介绍了Java生成随机姓名、性别和年龄的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-10-01
- ps软件是现在很多人比较喜欢的，有着非常不错的使用效果，这次文章就给大家介绍下ps怎么制作图片阴影效果，还不知道制作方法的赶紧来看看。 ps图片阴影效果怎么做方法/...2017-07-06
- 这篇文章主要介绍了Linux 下使用shell脚本定时维护数据库，本文通过案例分析给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-07-11
- ps软件是现在很多人比较喜欢使用的，有着非常不错的功能。这次文章就给大家介绍下ps立体倒影效果制作方法，还不知道怎么制作的赶紧来看看。 最终效果  1...2017-07-06
- 这篇文章主要给大家介绍了关于C++随机点名生成器的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-04-25
- ps软件是现在非常受大家喜欢的一款软件，有着非常不错的制作效果。下面文章就给大家介绍下ps制作立体文字效果教程，感兴趣的一起来看看。 ps文字立体效果怎么做最终...2017-07-06
- 本文章分享一篇关于Photoshop打造科幻片中的人物粒子化消失效果，教程重点是画笔的应用，人物身上产生的碎块，颗粒等都是用自定或下载的笔刷来完成，制作之前最好先下载一些...2016-09-14
- 这篇文章主要介绍了jQuery实现的文字hover颜色渐变效果,以完整实例形式分析了jQuery实现文字颜色渐变效果的相关技巧,涉及jQuery插件jquery-ui-1.8.16.custom.min.js的使用,需要的朋友可以参考下...2016-02-23
- 今天小编在这里给painter的这一款软件的使用者们带来的是绘制水彩油画双重效果向日葵插画的教程，各位想知道具体绘制方法的使用者，那么下面就快来跟着小编一起看一看吧...2016-09-14
- 这篇文章主要介绍了PostgreSQL 实现定时job执行(pgAgent)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-01-16
- 这篇文章主要介绍了JS实现的随机排序功能算法,结合具体实例形式分析了javascript常用的排序算法实现技巧,需要的朋友可以参考下...2017-06-15
- 这篇文章主要给大家介绍了关于如何使用原生Js实现随机点名的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-01-06
- ps软件是现在很多人比较喜欢的，通过ps软件可以制作很不错的图片效果。这次文章就给大家介绍下使用ps怎么制作任务影子，具体制作方法下面一起来看看。 ps人物影子效...2017-07-06
- 今天小编在这里就来给Painter的这一款软件的使用者们来说一下绘制卡通小丑头像效果的教程，各位想知道具体制作步骤的使用者，那么下面就快来跟着小编一起看一看制作步骤...2016-09-14