关于获取元素进行动画效果的问题以及简单的正则表达式验证

//实现表格的隔行换色效果
$(”tr”).each(function(i){this.style.backgroundColor=[‘#ccc‘,‘#fff‘][i%2]})

//鼠标移入移出变色()
            $(".ContentTr").hover(function () {
                c = this.style.backgroundColor;
                this.style.backgroundColor = ‘#8F8FBD‘
            }, function () {
                this.style.backgroundColor = c;
            });

//让div越来越大与越来越小
$(function () {
            $("div").css({ "width": "100px", "height": "100px", "background": "blue"

});
            var defaults = $("div");
            var multiple = 1.2;
            var time = setInterval(function () {
                changeDiv(defaults, multiple);
                if (defaults.width() > 1000) {
                    multiple = 0.8;
                }
                if (defaults.width() < 100) {
                    multiple = 1.2;
                }
            }, "1000");
        });

function changeDiv(defaults, multiple) {
            $(defaults).css({
                width: function (index, value) {
                    return parseFloat(value) * multiple;
                },
                height: function (index, value) {
                    return parseFloat(value) * multiple;
                }
            });
        }

// 开始动画
$("#go").click(function(){
  $(".block").animate({left: ‘+200px‘}, 5000);
});

// 当点击按钮后停止动画
$("#stop").click(function(){
  $(".block").stop();
});

//选中的行变色,上一次选中的取消变色
 $("table .ContentTr").click(function(){
                $(this).addClass("avb").siblings().removeClass("avb");
                UserID = $(this).attr("UserID");
            });

//获取rad的值加载到radio
  $("input[name=‘statics‘][value="+data[0].角色状态+"]").attr("checked",true);

//判断哪一个rad被选中
            $(".radClass").each(function(){
                if($(this).attr("checked")){
                    radVal=$(this).val();
                }
            })

//手机前7位号码
if ($(".photo_text").text().replace(/\s+/g, "").length == 7) {}

//checkbox全选反选
function checkAll() {
            var a = $(":checkbox").get(0).checked;
        //$(":checkbox:gt(0)").each(function () {
                //this.checked = a
                //});
            $(":checkbox:not(#ckbAll)").each(function () {
                this.checked = a
            });
        }

//检查中文
function check()
{
    //获取表单内容
    var str = document.frm1.txt1.value;
    var reg = /[\u4e00-\u9fa5]/;
    if(reg.test(str))
    {
        alert("有中文出现");
    }
}
//检查邮箱
function check()
{
var str = document.frm1.txt1.value;
//定义判断邮箱的正则
var reg = /^[0-9a-zA-Z][email protected][0-9a-zA-Z]+[\.]{1}[0-9a-zA-Z]+[\.]?[0-9a-zA-Z]+$/;
if(!reg.test(str))
{
    alert("邮箱格式错误!");
}
}
//去掉空格
function fun()
{
    var str = document.frm1.txt1.value;
     var reg = /^\s+|\s+$/g;
     document.frm1.txt1.value = str.replace(reg,"");
}
//复杂模式(字符串需要转义)
var regex=new Regexp("^\\d+$");转义符
regex.test("123asd1212"); false
//在双斜线之间写正则(不用转义)
var regex=/^\d+$/;
regex.test("123213"); true

时间: 2024-08-01 14:05:47

关于获取元素进行动画效果的问题以及简单的正则表达式验证的相关文章

[jQuery编程挑战]001:实现页面元素加速动画效果

要求: 页面包含两个HTML元素:一个按钮,一个小方块 动画要求:点击按钮,小方块从页面坐标300,300,加速移动到0,0 相关知识点: jQuery动画方法animate easing参数的设置 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"> <title>实现页面元素加速动画效果</title> <styl

JS函数库:页面滚动过程中元素产生动画效果 WOW.js

官网 WOW.js依赖animate.css, 所以它支持animate.css多达60多种动画效果. 浏览器兼容:IE9以及以前的版本不适用 使用方法: 1.引入文件 <link rel="stylesheet" href="css/animate.min.css" /> <script type="text/javascript" src="js/wow.min.js"></script>

获取前台页面中的值,将获取到的值传到后台,做简单的登录验证(不与数据库关联)

思路:利用jQuery的AJAX 前台代码: 1 <body> 2 <form id="form1" runat="server"> 3 <div> 4 <table> 5 <tr> 6 <td>用户名:</td> 7 <td> 8 <input type="text" id="name" name="Usernam

深入学习jQuery的三种常见动画效果

× 目录 [1]显隐效果 [2]高度变化 [3]淡入淡出 前面的话 动画效果是jQuery吸引人的地方.通过jQuery的动画方法,能够轻松地为网页添加视觉效果,给用户一种全新的体验.jQuery动画是一个大的系列,本文将详细介绍jQuery的三种常见动画效果——显隐效果.高度变化及淡入淡出 显隐 在CSS中,总结过实现元素显隐的9种思路.而jQuery中的show()和hide()方法是通过改变display属性来实现元素显隐效果,它们是jQuery中最基本的动画方法 [hide()] hid

使用模块化管理工具seajs实现简单动画效果

今天使用模块化的管理工具seajs实现了一个简单的动画效果. seajs具有简单友好的模块定义规范.seajs遵循CMD规范,可以像nodejs一样编写代码. seajs具有自然直观的代码组织方式.依赖的自动加载,配置简洁清晰. 通过学习,发现seajs的使用是具有一个标准的格式的,如下define(function(require,exports,module){ //定义的代码块 });其中回调的参数名和顺序都是不可改变的. 这次小动画实现的文件结构: word.html代码如下: 1 <!

各种情况上JS获取元素宽高

各种情况下JS获取元素宽高 为了叙述简单,这里仅拿width示例. 情景一,元素style属性设置了width/height <div style="width:996px">test<div><script> var div = document.getElementsByTagName('div')[0]; alert(div.style.width);</script>默认分类 如上,使用el.style.width即可. 如果没有

[ jquery选择器 :animated ] 此选择器匹配所有正在执行动画效果的元素

此选择器匹配所有正在执行动画效果的元素 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,keyw

CSS3使用Animation为同一个元素添加多个动画效果

本篇文章由:http://xinpure.com/css3-animation-for-the-same-element-multiple-animation-effects/ CSS3 Animation 并未提供 给一个元素同时添加多个动画效果的方法,就是说一个元素,只能给它定义一个动画效果,不能同时定义. 需求说明 比如说,我想实现一个这样的动画效果: 一颗星星从上往下滑落,当滑落到指定位置时开始闪烁 这里就用到了两个动画效果: 1. 从上往下滑落 (单次动画) 2. 闪烁 (循环动画)

[ jquery 效果 slideDown([speed,[easing],[fn]]) slideUp([speed,[easing],[fn]]) ] 此方法用于滑动显示隐藏的被选元素:动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来。在jQuery 1.3中,上下的padding和margin也会被有动画,效果更流畅

此方法用于滑动显示隐藏的被选元素:动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来.在jQuery 1.3中,上下的padding和margin也会被有动画,效果更流畅 实例: <!DOCTYPE html><html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my