按钮特效-注册按钮倒计时效果

——————————————————————

<script type="text/javascript">        
            //倒计时 秒
            var sec = 10;
            //初始化函数
            function init(){                
                //设置定时器,间隔1秒
                timer = setInterval(function(){
                    //获取注册按钮的DOM
                    var btn = document.getElementById(‘btn‘);
                    sec--;        //秒数自减1
                    btn.value = ‘注册(‘+sec+‘)‘;//按钮的文本
                    if(sec == 0){//如果倒计时结束
                        clearInterval(timer);//清除定时器
                        btn.disabled = false;//恢复可用
                        btn.value = ‘注册‘;//设置按钮文本
                    }
                }, 1000);
            }
        </script>

——————————————————————————

<body style="text-align:center" >
        <p>请认真阅读本协议。。。</p><br>
        <input type="button" value="注册(10)" id="btn" disabled="disabled"/>
    </body>

——————————————————————————

时间: 2024-11-10 07:09:05

按钮特效-注册按钮倒计时效果的相关文章

按钮特效-删除按钮必需的提醒功能

————————————————————————— <script type="text/javascript">                        //删除按钮必须的提醒功能            function deleteInfo(){                var confirmDel = false;        //初始为false                //使用弹出框来接受用户是否确定删除                conf

ybutton 高端大气上档次华丽的按钮特效

小菜偶然在某网站中看到一款非常华丽的按钮特效,感觉十分有必要抄袭下来,以备日后使用. 简单描述一下按钮的效果:鼠标移到按钮上的时候,会出现灯光闪过的效果,非常的高端. 但遗憾的,这么牛逼的效果,仅仅兼容谷歌浏览器,连火狐都识别不了. 因为这个效果没有用图片,更没有用js,纯css打造,因此涉及一些高级css技术,造成只有谷歌能识别.但即便是这样,在其他浏览器下的效果也还可以,不至于不堪入目. 先来张效果图(其实,图上看不出什么): ybutton在线演示 ybutton GitHub项目地址 y

一款纯css3实现的鼠标经过按钮特效

今天再给大家带来一款纯css3实现的鼠标经过按钮特效.这款按钮非常简单,但效果很好,非常漂亮.一起看下效果图: 在线预览   源码下载 实现的代码. html代码: <div align="center"> <div class="contener"> <div class="txt_button"> WIFEO</div> <div class="circle">

纯CSS3实现牛奶般剔透的3D按钮特效

今天我们要来看一款非常特别的纯CSS3 3D按钮,它的外观酷似纯白剔透的牛奶,点击按钮的时候还会出现一种很柔和的弹力效果.按钮按下时,按钮会轻轻的弹动一下,非常逼真.本文我们在观赏演示的同时,也将源代码分享出来一起学习. 你也可以在这里查看在线演示 接下来我们来分析一下实现这款CSS3 3D按钮的步骤及其代码,总体而言,这款CSS3 3D按钮主要由HTML代码和CSS代码组成.实现原理是用两个span来替代checkbox选中和不选中两个状态的样式. HTML代码: <div> <div

听着好像很牛的特效——幽灵按钮DOM

给大家分享一个听着好像很牛的东西——幽灵按钮,这个玩意对于艺术设计细胞在高中决定不在考试试卷上画画的我来说,实在不感冒.但是这个按钮的设计元素很流行,一个网页东西不做几个,光放上几个按钮就会显得很高端.现在打开这个链接直接感受!! ! 链接:  http://www.iuvo.si/ 网页预览图: 就是这样一个网页,主要内容就是幽灵按钮!下面已经没有什么欣赏水平的我,来解剖这个看似很牛的按钮 首先,我作为一个专业的程序猿,最美的肯定是我女朋友,然后下面才是0和1,现在我就将这个按钮分解成,额,肯

HTML5 SVG和CSS3炫酷液态菜单按钮特效

这是一款使用HTML5 SVG Filters 和CSS3制作的效果非常炫酷的液态菜单按钮特效.该菜单特效开始时显示一个主菜单按钮,当点击该按钮时,子菜单按钮会像液态物质一样依次展开,其效果就像一粒水滴分离为两粒一样. 效果演示:http://www.htmleaf.com/Demo/201504081648.html 下载地址:http://www.htmleaf.com/html5/SVG/201504081647.html

css3实现的鼠标经过按钮特效

今天要为各网友再带来一款css实现的鼠标经过按钮的特效.按钮初始时,边框为断开的按钮,当鼠标经过按钮时动画变为封闭的边框.效果图如下: 在线预览   源码下载 我们一起看下实现的代码: html代码: <body> <a target="_blank" class="btn-edge" href="http://www.w2bc.com/shili">Hover Me</a> </body> css

Dynamics CRM2013/2015 Plugin注册工具Register New Assembly时无法看到注册按钮的解决办法

CRM2013的注册插件工具UI相比2011之前有了一定的改变,但改变UI的同时也给开发人员带来了困扰,打开注册工具点击Register按钮选择dll时页面就是下面这样的,你完全看不到最下面的两个按钮. 真心不知道微软的UI工程师是干啥吃的,或是在何种情况下开发的这款工具,当然看过CRM2013的界面后心里骂过微软UI工程师的人肯定不在少数,工具成这样也就可以理解了.有人说把注册界面全屏就可以,但我试了不行身边的同事试了也不行,然后脑洞大开的朋友选择调整桌面分辨率,改成竖屏就OK了还能治好你的劲

CSS 实现按钮及线呼吸灯效果

1. [代码]style    view sourceprint?01<style>02            body{03                font-family:'Segoe UI Light','Segoe UI',Arial,'微软雅黑',sans-serif;04                font-size: 20px;05                color:#333333;06 07            }08            .breath