jquery 文字(顏色)閃爍顯示

阿新 • • 發佈：2019-01-28

<!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>

jquery 文字(顏色)閃爍顯示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

jQuery-文字框內容顯示在頁面

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="jquery-

使用textEdit顯示日誌。（改變文字顏色）

void MainWindow::changetext(int m, QString s, int n) { QColor clrR(255,0,0);//紅色 stringToHtmlFilter(s); stringToHtml(s,clrR);

富文字（講一個字串中的一些文字顏色顯示特別的顏色，文字中替換表情）

SpannableString 的四個關鍵屬性Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前後都不包括)、Spanned.SPAN_INCLUSIVE_EXCLUSIVE(前面包括

點選按鈕後用jQuery禁止按鈕並顯示文字[正在處理...]

通過val設定按鈕的文字，並用attr修改disabled屬性。測試程式碼如下： <html> <body> <form method="get" action="ht

css 控制文字超出部分顯示省略號

splay aqi 屬性技術優化溢出 webkit none 子元素該文章轉自：http://www.daqianduan.com/6179.html 如果實現單行文本的溢出顯示省略號同學們應該都知道用text-overflow:ellipsis屬性來，當然還需要

自己寫一個文字過長顯示省略號的函數

bsp aaa poi var cti 顯示 adf 函數字符 function points(strin,num){ //strin表示目標字符，num表示在第幾個字符用省略號顯示　　var Str = "",len = strin.length; 　　if(len

iOS label的文字豎著顯示

dex elf sso amp ext with ring obj ger 創建uilabel的分類 //豎著顯示 .h寫入 @property (nonatomic) NSString *verticalText; .m寫入 - (NSString *)verticalT

HTML5之placeholder屬性以及如何更改placeholder屬性中文字顏色

-1 用法 .cn images email per xpl 中文的人　　今天在群裏看到群友問了一個這樣的問題，就是如何更改placeholder屬性中文字的顏色，以前用過這屬性，卻是沒更改過顏色，於是便試了試，中途遇到些問題，查找資料後特來總結一下。　　熟悉HTM

js jq 實現鼠標經過div背景以進度條方式變寬，鼠標離開變小，同時文字顏色和原來不一樣

最大 java hidden pan absolute 顏色 tin http center 1 <!DOCTYPE html> 2 <html> 3 <head> 4 5 <title></tit

Swift開發教程--怎樣設置狀態欄的文字顏色

list size lin class ati 開發 mod family -a 第一步：在Info.plist中設置UIViewControllerBasedStatusBarAppearance 為NO 第二步：在viewDidLoad中加一句 UIAp

jquery中使元素顯示和隱藏方法之間的區別

第一個設置不可見效果三種透明元素實現使用在實際的項目開發中，要使一個元素隱藏的方法有很多，比如css的多種屬性和jquery的多種方法，雖然他們的作用都是使元素不可見，但是各個方法實現的原理是不一樣的。下面主要介紹jquery各個元素隱藏方法之間的區別。

修改狀態欄的文字顏色和背景色

res view red plist log cnblogs barh resp shared 一.修改狀態欄文字顏色這裏修改文字顏色分兩種情況 (1)導航欄是隱藏狀態如果導航欄為隱藏狀態可以直接在控制器中重寫如下方法 // 重寫方法狀態欄白色 - (UISta

COCOS2D-X 3.0 文字button 不顯示或者閃動

文字 post 即使背景之前 cocos2d art child 顯示由於這些控件和背景在addChild是在同一層。有時候被背景擋住了把文字、button之類的addChild第二個參數設置得比背景大就OK了老版本號cocos2d-x 2.1.3即使

php+ajax+jquery分頁並顯示數據

我們 nic 定義防止 initial etc turn on() mysq 參考https://www.helloweba.com/view-blog-195.html html頁面 1 <div class="weui-cells" i

echarts Map(地圖) 不同顏色區塊顯示

dom series art rand div val nor ext 顏色 echarts Map(地圖) 不同區塊顯示這裏以重慶地圖為例配置項： var option = { title : { te

Echarts餅圖更改顏色、顯示數據且換行

gen val tex png es2017 trigge nbsp charts 代碼 var option = { title : { text: ‘數據來源‘, x:‘center‘ }, tooltip : { tri

修改select提示文字顏色

color onchange pts 修改 ddd function == var name <select name="name" id="select" class="sec1"> <option class="opts" value

Unity 2017 文字顏色漸變

engine per == pri field rtc oid com int 1 using System.Collections; 2 using System.Collections.Generic; 3 using UnityEngine; 4 using

echarts x軸文字換行顯示

mat rownumber false 管控 ffffff style slab 社交知識　　　　　　　　　　　　　　　　　　xAxis : [ {

jquery 文字(顏色)閃爍顯示

<!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>

相關推薦