实现文字闪烁效果

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="../public/js/jquery-1.8.3.js"></script>
<title>打开新页面</title>
<style type="text/css">
.cssFlash{
  color: blue;
}
.cssFlashred{
  color: red;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
    function textFlash(obj/*jQuery Object*/,cssName/*Css 样式名称*/,times/*闪烁次数*/){
        var i=0,t=false,o=obj.attr("class")+"",c="",times=times||2;
        if(t)return;
        t=setInterval(function(){
            i++;
            c=i%2?o+cssName:o;
            obj.attr("class",c);
            /* if(i==2*times){
                clearInterval(t);
                obj.removeClass(c);
            } */
        }, 200);
    }
        $(function(){
            textFlash($("#auto"), "red", 3);
            $("#click").bind("click",function(){
                textFlash($(this), "red", 3);
                return false;
            })
            $("#email").blur(function(){
                if(/^\w+([-+.]\w)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test($(this).val())){
                    textFlash($(this), "red", 3);
                }
            })
        })

})
</script>
</head>
<body>
    <div class="main">
        <div id="auto" class="cssFlash">文本自动闪动</div>
        <div id="click" class="cssFlash">单击文本闪动</div>
        <input class="cssFlash" type="email" id="email" placeholer="如果输入email地址会闪动"/>
    </div>
</body>
</html>
时间: 2024-09-30 11:13:50

实现文字闪烁效果的相关文章

js文字颜色闪烁

<!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 http-equiv="Content-

文字闪烁代码

JavaScript文字闪烁代码,老生长谈的话题了,今天无意闲暇,亲自一试,喝不好,但凑合,有需要的可拿出自己修改完善.本例用CSS和JS配合完成. <title>文字闪烁</title> <style type="text/css"> .changecolor0{color:#f00;} .changecolor1{color:#0f0;} .changecolor2{color:#00f;} .changecolor3{color:#f0f;}

不一样的文字闪烁,轮番闪烁

这是一个文字闪烁效果,不同的是它是由两组文字组成 ,在闪烁的过程中可以重复切换,代码中的speed指定字体闪烁的频率,可以把引号内的内容换成你想要的文字,要记住一定要在body中加上onload语句,否则会无效哦. <title>石家庄水泵厂</title> <SCRIPT> var speed=300; function m() { whattext.innerText="我来自太阳系地球" setTimeout("e()",s

jquery实例--文本操作

阻止文本换行: replace(regexp/substr,replacement); demo 第一个参数可以是字符串或正则: replace(/\ +/g,"")); //去掉空格 replace(/[\r\n]/g,"")); //去掉回车换行 文本限制字数: substring(start,end); //start包括,end不包括: demo 注意keyup和keydown的效果区别: 更好的方法是允许多写字数,但提示超出字数并不运行提交: 提示文本的显

12.5 段落属性

单词间隔 word-spacing:3px; 字符间隔 letter-spacing:3px: (1)文字修饰: 1.text-decoration:underline:表示对文字添加下划线 2.text-decoration:overline:表示对文字添加上划线 3.text-decoration:underline:表示对文字添加下划线 4.line-through:表示对文字添加删除线 5.blink表示文字闪烁效果 (2)垂直对齐方式 vertical-align 1.vaseline

极客Web开发资源大荟萃#003

前端开发已经成为当前炙手可热的技术之一.此次我们总结的前端开发包含了相关技术和流行趋势,希望从中大家可以挖掘你们所需要的,并带给你们最有价值的帮助! 使用代码回放来愉快地学习前端知识 - TECH2IPO创见 编程学习中最痛苦的地方在于:你试图理解学习对象的思路,但常规教学材料的传播方式生硬,对编程新手来说一点都不体贴.极客标签是一个试图改变这 种局面的产品,你可以称呼它“编程学习平台”,但它比同类产品好得多.来自tech2ipo对极客标签的专业报道和介绍,欢迎大家阅读和了解! CSS Trig

常用的html标签大全

html标签大全 一.文字 1.标题文字 <h#>..........</h#> #=1~6:h1为最大字,h6为最小字 2.字体变化 <font>..........</font> [1]字体大小 <font size=#>..........</font> #=1~7:数字愈大字也愈大 [2]指定字型 <font face="字体名称">..........</font> [3]文字颜色

极客Web开发资源大荟萃

前端开发已经成为当前炙手可热的技术之一.此次我们总结的前端开发包含了相关技术和流行趋势,希望从中大家可以挖掘你们所需要的,并带给你们最有价值的帮助!原文来自:极客标签 使用代码回放来愉快地学习前端知识 - TECH2IPO创见 编 程学习中最痛苦的地方在于:你试图理解学习对象的思路,但常规教学材料的传播方式生硬,对编程新手来说一点都不体贴.极客标签是一个试图改变这 种局面的产品,你可以称呼它“编程学习平台”,但它比同类产品好得多.来自tech2ipo对极客标签的专业报道和介绍,欢迎大家阅读和了解

Unity3D_(游戏)Same卡牌01_启动屏界面

 预计8.22日前完成~ 启动屏界面.主菜单界面.选关界面.游戏界面. Same卡牌01_启动屏界面 传送门 启动屏界面 5s后start场景跳转到MainMenu场景 (0.5s闪烁一次!) 点击start场景(按任意键),从start场景跳转到MainMenu场景 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.SceneManagement; p