文字或边框等的样式变换

/**
 * 文字或边框等的样式变换
 * @param ele 容器的对象
 * @param cls 要变化的样式
 * @param times 闪烁时间
 */
function shake(ele,cls,times){
    var i = 0, t = false, o = ele.attr("class")+" ", c = "", times = times||2;
    if(t) return;
    t= setInterval(function(){
        i++;
        c = i%2 ? o+cls : o;
        ele.attr("class",c);
        if(i==2*times){
            clearInterval(t);
            ele.removeClass(cls);
        }
    },200);
};

样例:
shake($("#msg"),"green",6);
<style type="text/css">    .green{color:green;border:1px solid #ff0000}</style>

 
时间: 2024-10-03 21:25:12

文字或边框等的样式变换的相关文章

让CSS3给你的文字加上边框宽度,并实现镂空效果

这次,我主要向大家介绍一下CSS3下的-webkit-text-stroke属性,并分享几个用该属性制作的镂空文字效果. 1.-webkit-text-stroke属性简介 CSS边框的一个不足就是只有矩形的元素才能使用.-webkit-text-stroke可以为文字添加边框.它不但可以设置文字边框的宽度,也能设置其颜色.而且,配合使用color: transparent属性,你还可以创建镂空的字体. 2.一起看几个利用-webkit-text-stroke制作的文字特效 第一个CSS代码如下

C# 创建无边框,任意样式窗体,无边框窗体的移动

界面布局如下: 窗体中添加一个PictureBox控件 有边框窗体 无边框窗体 代码实现: public partial class Form2 : Form { public Form2() { InitializeComponent(); } #region 创建无边框,任意样式窗体 private void Form2_Load(object sender, EventArgs e) { this.TransparencyKey = Color.White; //设置默认透明色 this.

CSS元素、边框、背景样式

一.元素样式 1.width控制元素宽度 2.height控制元素宽度 3.padding控制元素内边距 内容与边框之间的距离 4.margin控制元素外边距 元素边框与其他元素边框之间的距离,如果两元素都设置了margin属性,浏览器只   对较大值有效. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></

css基础 设置div 上下左右边框线的样式

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

实现段落文字两端对齐的css样式

有时候网站中的文字比较多,虽然为父元素设置了宽度,但是总是会出现两端参差不齐的情况,看起来不整齐.其实实现段落的两端对齐,只需要设置两个css 样式即可. .demo{ text-align: justify; text-justify: inter-ideograph;/*IE*/ } text-justify基本语法 语法:text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | int

自定义UIButton 实现图片和文字 之间距离和不同样式

1.UIButton+ImageTitleSpace.h #import <UIKit/UIKit.h> // 定义一个枚举(包含了四种类型的button) typedef NS_ENUM(NSUInteger, MKButtonEdgeInsetsStyle) { MKButtonEdgeInsetsStyleTop, // image在上,label在下 MKButtonEdgeInsetsStyleLeft, // image在左,label在右 MKButtonEdgeInsetsSt

纯css实现二级导航菜单效果,通过简单的鼠标事件操作页面元素样式变换实现二级导航菜单的功能,非常简单实用,

HTML代码如下 <!-- 头部导航栏开始--><div id="nav"><dl class="sy"><dt><a class="first" href="#" >首页</a></dt><dd class="line">|</dd><dd class="triangle"

在一个UILabel的文字采用不同的字体样式和字体大小

//标题:红包大厅 UILabel* tmp_title=[[UILabel alloc] initWithFrame:CGRectMake(0 , 5, max_View.frame.size.width, 24)]; [email protected]"进入红包大厅"; [tmp_title setFont:[UIFont boldSystemFontOfSize:22]]; [tmp_title setTextColor:[UIColor redColor]]; [tmp_tit

easyUI table 带边框颜色的样式

<style type="text/css"> .grid{font:12px arial,helvetica,sans-serif;border:1px solid #8DB2E3}.grid td{font:100% arial,helvetica,sans-serif;height:24px;padding:5px}.grid{width:100%;border-collapse:collapse}.grid th{background:#E7F3FE;height: