jquery 文字(颜色)闪烁显示

最新推荐文章于 2021-06-03 00:13:42 发布
最新推荐文章于 2021-06-03 00:13:42 发布
阅读量5k 收藏
点赞数
分类专栏： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangxinqiang1129/article/details/8767238
版权

<!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-Type" content="text/html; charset=utf-8" />

<title>jquery 文字显示</title>

</head>

<style>

.table-list-warp .tab-all tbody td {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #666666;

    color: #333333;

    padding: 4px;

    text-align: center;

    vertical-align: middle;

}

</style>

<script type="text/javascript" src="http://cdn.17zuoye.com/public/framework/scripts/jquery-1.7.1.min.js?v=1.0.1"></script>

<body>

    <div class="table-list-warp">

        <table class="tab-all">

            <tbody>

                <tr>

                    <td><a id="step_6_2_1_but" href="javascript:void(0);" class="ai_m py_b" style="font-size: 18px;">jquery 文字闪烁显示</a></td>

                </tr>

            </tbody>

        </table>

    </div>

    <script>

        $(function(){

            function init(){

                $('#step_6_2_1_but').trigger("mouseenter");

            }

            var colors = ["#0000FF","#FFFFFF","#FFFFFF","#0000FF"];

            var colorsLength = colors.length;

            var aimRun = function( aim ){

                if ( aim == null ){

                    clearInterval( aimInterval );

                     return;

                 }

                

                var idx = 0;

                var o = false;

                aimInterval = setInterval(function(){

                    aim.css({color:colors[idx]});

                    o = o ? !(--idx < 1): ++idx + 1 > colorsLength  ;

                },100);

            };

            

            $(".ai_m").on("mouseenter", function(){

                aimRun($(this));

            });

            

            init();

        });

        

    </script>

</body>

</html>


wangxinqiang1129
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
jQuery文字星星闪烁特效特效代码
03-20
jQuery文字星星闪烁特效代码是一款基于SVG来制作星星闪耀效果，可以控制星星的颜色，边框色，大小，延迟时间等属性。
单页面jQuery的应用——切换页面的背景颜色（消息提示-闪烁） & 启动本地服务的方式
weixin_44867717的博客
12-02 338
单页面jQuery的应用——切换页面的背景颜色（消息提示-闪烁） & 启动本地服务的方式 实现效果 颜色1 颜色2 代码 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 200p
js设置颜色闪烁的两种方法
qq_36173194的博客
09-23 7778
第一种：无序闪烁 function changeColor() { var color="orange|#FFFFFF"; color=color.split("|"); $("#setxfld").css("background",color[parseInt(Math.random() * color.length)]);
jquery、setInterval实现自动改变字体颜色
mute_di的博客
06-27 2731
使用setInterval不停地调用函数，使用jquery选择器改变颜色，使用js数组装载颜色 代码如下： hello kitty 停止改变颜色 var colors = ["red","green","blue"]; var a = 0; var f = setInterval("changeColor(a)",1000); function changeColor(i)
jquery---让你的文字闪烁起来~
maidu_xbd的博客
04-21 673
使用fadeIn()、fadeOut()实现，使用淡入、淡出效果来显示、隐藏被选元素。 $(selector).fadeIn(speed,callback)、$(selector).fadeOut(speed,callback) speed可选。规定元素从可见到隐藏的速度。默认为 "normal"。 speed可能的值：毫秒 （比如 1500）、"slow"、"normal"、"fast...
jQuery文字星星闪烁动画特效
06-11
这是一款基于SVG来制作星星闪耀效果，可以控制星星的颜色，边框色，大小，延迟时间等属性的jQuery文字星星闪烁动画特效。
jQuery文字星星闪烁特效代码.zip
07-11
代码简介：jQuery文字星星闪烁特效代码是一款基于SVG来制作星星闪耀效果，可以控制星星的颜色，边框色，大小，延迟时间等属性。
jQuery插件文字闪烁
12-01
一个可以让文字闪烁的jQuery插件，使用的时候像这样$("span").flicker('red',3)，第一个参数是颜色，第二个参数是次数。频率写的是200毫秒，个人感觉还是挺适合的，有想修改的直接修改插件就行了。可以在一些页面...
jquery动画出现闪烁的解决办法
不忘初心，才能始终
08-07 2280
【判断元素是否处在动画状态 可以消除闪烁】 if($(element).is(":animated")){ //判断元素是否正处于动画状态 //如果当前没有进行动画，则添加新动画 }
实现各种颜色高亮闪烁的Shader
09-12
这个高亮闪烁的Shader是用于实现需要让Unity模型动态高亮闪烁，可以调节高亮闪烁的各种颜色，将这个Shader添加给模型就可以实现效果。
jQuery实现不断闪烁文字的方法
10-24
主要介绍了jQuery实现不断闪烁文字的方法,涉及jQuery中fadeOut、fadeIn方法及递归调用的技巧,需要的朋友可以参考下
JQuery slideToggle闪烁问题及解决办法
rushichunqiu的博客
06-21 3567
      近期进行的一个项目中，对侧边的菜单栏进行操作，为了达到缓慢隐藏或者出现的效果，选择使用jquery的slideToggle()方法。但是发现效果表现并不理想。在单个案例中，可以像在http://www.w3school.com.cn/中的效果。放在项目的代码中时，尤其下拉菜单关闭时，会在关闭的末尾，突然复现一下，造成侧边栏上下跳动的现象，很明显，这样的效果是需要改进的。      在网...
html 字母闪烁,如何用jquery实现闪烁文字效果？
weixin_36279637的博客
06-03 289
使用jquery实现闪烁文字：闪动提示*{ margin:0; padding:0;}.box{color: #000}.red{color:#d00;}function shake(element,className,times){var i = 0,t = false ,o = element.attr("class"),c = "",times = times||2;if(t) return...
js+jQuery切换背景颜色，类似警灯闪烁
星辰里的月光
10-21 967
JS+jQuery自动切换背景颜色，可以点击按钮暂停或开始 大家可以看看效果图： 看看代码吧： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/jQuery.js"&...
jquery动态改变div背景色出现类似跑马灯效果
liuw510的博客
03-14 1894
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;script src="/jquery/jquery-1.11.1.min.js"&gt; &lt;/script&gt; &lt;script&gt; /** 定时器执行改变背景色代码*/ setInterval(changeColor,1000);//页面加载完成后每隔1秒执行一次（循环
jquery字体闪烁
qq_34510295的博客
03-09 1251
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;字体闪烁&lt;/title&gt; &lt;style&gt; div{ background
indexOf() 与 jquery.inArray()
node的专栏
03-14 8895
indexOf() 与 jquery.inArray() 注意：IE6下不支持 indexOf() 1.indexOf ()      当无法确定在某个字符串中是否确实存在一个字符的时候,就可调用 indexOf() 和 lastIndexOf() 方法。     indexOf() 和 lastIndexOf() 方法返回的都是指定的子串在另一个字符串中的位置，如果没有找不到子串，则返回
jquery让浏览器闪烁
最新发布
07-08
使用 jQuery 可以通过以下代码实现此功能： ``` $("div").animate({ topLeft: "0px", topRight: "100px", bottomLeft: "100px", bottomRight: "0px" }, 5000, function(){ $("#message").fadeIn(); }); ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值