JS给元素注册事件的代码

麦鸡的TAB

body{margin:40px; font-size:12px;}
p{font-size:200%}
.macji-tab a{color:#777; text-decoration:none;}
.macji-tab ul.macji-nav{
position:relative;
height:24px;
margin:0 0 -1px;
padding:0;
list-style:none;
overflow:hidden;
}
.macji-tab ul.macji-nav li a,.macji-tab ul.macji-nav li a span{
background:url(http://img.jb51.net/images/mj_bg.gif) no-repeat;
}
.macji-tab ul.macji-nav li{
float:left;
margin-right:2px;
}
.macji-tab ul.macji-nav li a{
float:left;
height:24px;
padding:0 0 0 15px;
line-height:24px;
background-position:0 100%;
}
.macji-tab ul.macji-nav li a span{
display:block;
padding:0 15px 0 0;
background-position:100% 100%;
}
.macji-tab ul.macji-nav li a.current{
background-position:0 0;
}
.macji-tab ul.macji-nav li a.current span{
color:#000;
background-position:100% 0;
}
.macji-tab div.macji-tab-container{
border:solid 1px #ccc;
overflow:hidden;
}
.macji-tab div.macji-tab-container span{
display:none;
}
.macji-tab .macji-frame{
width:715px;
height:47px;
padding:8px;
border:medium none;
}

麦鸡的TAB，仿淘宝便民中心

这里是用来显手机充值的

这里是用来显示机票的

这里是用来显示麦鸡的博客

我们»

//

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • javascript中注册和移除事件的4种方式

    对于html中的一些元素注册事件的方式有多种 第一种: 复制代码 代码如下: <script> function test() { alert("OK"); } </script> <a href="#" onclick="test()">测试</a> 第二种: 复制代码 代码如下: <a href="#" id="a">测试</a>

  • js移除事件 js绑定事件实例应用

    复制代码 代码如下: /** * @description 事件绑定,兼容各浏览器 * @param target 事件触发对象 * @param type 事件 * @param func 事件处理函数 */ function addEvents(target, type, func) { if (target.addEventListener) //非ie 和ie9 target.addEventListener(type, func, false); else if (target.att

  • Javascript 注册事件浅析

    首先是最常规的方法: test function test(){ alert("test"); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 当某一天,我们知道JavaScript要跟HTML结构实现分离后,就会改了一种写法: test function test(){ alert("test"); } window.onload = function(){ document.getElementById("para").onc

  • JS注册/移除事件处理程序(ExtJS应用程序设计实战)

    JS注册/移除事件处理程序(ExtJS应用程序设计实战)

    在设计ExtJS应用程序时最常做的事情就是注册事件处理程序,因为在ExtJS的世界里,几乎完全由时间组成.因此,ExtJS的设计者使注册事件变得非常容易(同时还提供了非常不容易的方式任你选择)--on/un,也就是上与下两种方式,或是addListener与removeListener,Element的所有子类都可以使用.例如有一个<div/>希望在用户按下时能够给予简单的反馈: <divid="happyDiv"class="happyStyle"

  • JavaScript 注册事件代码

    首先是最常规的方法: 程序代码 复制代码 代码如下: <p id="para" title="cssrain demo!" onclick="test()" >test</p> <script> function test(){ alert("test"); } </script> 当某一天,我们知道JavaScript要跟HTML结构实现分离后,就会改了一种写法: 程序代码 复

  • 关于js注册事件的常用方法

    不解释,看代码: 复制代码 代码如下: ;(function(){    //进行库封装,防止对象污染    window['cm']={};/**    *给对象注册事件    */    var addListener=function(element,type,fn){        if(typeof element == 'undefined') return false;        if(element.addEventListener){            element.

  • JS给元素注册事件的代码

    麦鸡的TAB body{margin:40px; font-size:12px;} p{font-size:200%} .macji-tab a{color:#777; text-decoration:none;} .macji-tab ul.macji-nav{ position:relative; height:24px; margin:0 0 -1px; padding:0; list-style:none; overflow:hidden; } .macji-tab ul.macji-n

  • jQuery动态添加元素后元素注册事件失效解决

    目录 前言: 近日丢酱在学jQuery,在学习的时候遇到了一个问题,虽然最后解决了,但是丢酱觉得要把这个问题解决的方法记录下来,这样有小伙伴遇到同样的问题就不会跟我一样解决好久啦.我先贴一段正常逻辑的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible&quo

  • js enter键激发事件实例代码

    如下所示: document.onkeydown = function (e) { if (!e) e = window.event; if ((e.keyCode || e.which) == 13) { $("#btnSubmit").click(); } } 以上这篇js enter键激发事件实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • 为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)

    下面的例子将展示其结果是没有重载显示提交. 当用户选择一个选项上面,一个函数叫做"getVote()"执行.该功能所引发的"的OnClick"事件 复制代码 代码如下: <html> <head> <script type="text/javascript"> function getVote(int) { if (window.XMLHttpRequest) {// code for IE7+, Firefo

  • js模拟点击事件实现代码

    html: 复制代码 代码如下: <h3>请单击"提交",测试提交按钮的单击事件也被触发了.</h3> <button id="btn">提交</button> <form action="#" method="get" id="form"> <input type="text" name="site"

  • js 绑定键盘鼠标事件示例代码

    1.绑定键盘回车事件(注意:用jq提交时想同时按回车键可以提交,此时就不要用form了.) 复制代码 代码如下: document.onkeydown = function(evt){ var evt = window.event?window.event:evt; if(evt.keyCode==13){ subcomment(); //如果按下的是回车键,则执行对应的js函数 } }

  • js鼠标、键盘事件实例代码

    1. 鼠标的哪个按键被点击? function whichButton(event) { if (event.button==2) { alert("你点击了鼠标右键!") } else { alert("你点击了鼠标左键!") } } 请单击你鼠标的左键或右键试试 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 2. 当前鼠标的光标坐标是多少? function show_coords(event) { x=event.clientX y=event.

  • js动态设置鼠标事件示例代码

    复制代码 代码如下: obj.onmouseover=function (){ $("#vote").html("赞过了"); } obj.onmouseout=function (){ $("#ssvote").html("赞(" + vote_num+")"); }

  • FireFox与IE 下js兼容触发click事件的代码

    <a href="#" id="a3" onclick="test()" style="display:none"></a> <input type="button" value="clck" onclick="test2('a3');"/> <script language="javascript">

  • Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码

    在调试功能模块时候,发现怎么用什么方法都无法在infowindow里面添加的div进行绑定事件处理.郁闷啊!上网搜了好多方法也没用, 后来想想还是查了一下官方的API,发现了google.maps.InfoWindow下面的Events里面有个domready事件 官方解释: This event is fired when the containing the InfoWindow's content is attached to the DOM. You may wish to monito

随机推荐