贴个实现方法: 代码 代码如下: 无标题页 .rootclass{ border:none;position:relative;} $(document).ready(function() { $(".rootclass").mousemove(function(e){ var positionX=e.originalEvent.x||e.originalEvent.layerX||0; if(positionXthis.style.cursor='url("pre.cur"),auto'; $(this).attr('title','点击查看上一张'); $(this).parent().attr('href',$(this).attr('left')); }else{ this.style.cursor='url("nex...
第一种:下面的代码是针对jb51这个样式下的a都是在新窗口打开 代码如下: jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); }); 第二种: 代码如下: // open url in new a window $(document).ready(function(){ $("a").attr("target", "_blank"); }); 在新窗口中打开外部链接 代码如下: $('a[href^="http://"]') .attr("target", "_blank"); 第三种:如果想更方便的控制 XHTML 1.0 Strict...
代码如下:请等待 下载 var timeout="25"; function countdown() { if (timeout{ document.getElementById("readylink").style.display="none"; document.getElementById("downloadlink").style.display="block"; } if (timeout>0) { document.getElementById("readylink").innerHTML='请稍等'+timeout+'秒'; setTimeout("countdown()",1000); } timeout--; } countdown(); function download() { if(timeout>0) { alert('请稍等,...
前段时间写了篇图片 上一张 下一张 链接效果,后来看到 jquery插件封装,手里痒痒的,拿这个例子做ex. 封装后的JS源码: 代码如下: /* * imageupdown 1.0 * Copyright (c) 2009 * Date: 2010-04-20 * 图片移动上一张 下一张特效 */ (function($){ $.fn.imageupdown = function(options){ var defaults = { upCursor:"pre.cur", upTitle:"点击查看上一张", upUrl:$(this).attr(left), downCursor:"next.cur", downTitle:"点击查看下...
这不是真正的预览,在读取文字列表的时候同时读取每个文章的内容概要(即想要预览的内容),然后使用该插件就可以实现假预览。 效果图如下,自己可以相应修改 代码如下: 代码如下: $(function () { $("a[class=info]").niceTitle(); }); 链接名 在线演示 http://demo.jb51.net/js/niceTitle/jQuery.niceTitle.html插件下载地址 http://www.gxlcms.com/jiaoben/27186.htmlJavaScript教程/参考手册 JavaScript热搜...
本文实例讲述了javascript禁止超链接跳转的方法。分享给大家供大家参考,具体如下:JS阻止链接跳转点击此链接 var test = document.getElementById('testLink'); test.onclick = function(e) { alert('链接地址是:' + this.href + ', 不过不会直接跳转'); stopDefault(e); }更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript动画特效与技巧汇总》、《javascript面向对象入门教程》及《JavaScript数据结构与算法...
本文实例讲述了JS实现把鼠标放到链接上出现滚动文字的方法。分享给大家供大家参考,具体如下:'+text+'' document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10 document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10 document.all.tooltip2.style.visibility="visible" } else if (document.layers){ document.tooltip2.document.nstip.document.write(''+text+'') docume...
向左无缝滚动 body,html,div,a{ margin:0; padding:0} #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 500px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left; width: 800%; } #demo1 { float: left; } #demo2 { float: left; margin-left:7px; } window.onload = function(){ var speed=10; //数字越大速度越慢 var tab=document.getElementById("demo"...
开始技术部门打算在后台添加或者修改文章的时候,把文章里面的关键字替换为标签。但是这样就出现一些问题 如果新添加一个关键字,是不是所有的文章又要重新过滤一边。把新关键字替换掉。 如果修改了关键字的名字或者是修改了关键字的链接地址,那么又要重新过滤所有文件。 综合了一些情况后,感觉使用后台解决的方案行不通。于是我想到了前台脚本解决 思路: 关键字链接的信息任然存放在数据库中,在数据库中有一些字段来保存关键字...
相当于发送按钮的超链接 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
场情: 一张页面中原来有一个超链接按钮,点击后可以获取到短信认证码。如 代码如下: 获取短信认证码 function reciverSms(){ var sms = getSmsCode(); } 但是考虑到频繁点击获取认证码,对相关设备的压力,就做了一个点击5秒后才允许再点击的逻辑,于是又来了下一个版本 代码如下: function reciverSms(obj){ var sms = getSmsCode(); obj.disabled = true; windows.setTimeout(function(){ obj.disabled = false; },500...
自定义Tooltip特效 body ul { list-style: none; } body li { margin: 60px; } div { border: 1px solid #CCC; padding: 10px; background: #dff5ff; margin-left: 30px; } function initEvent() { var links = document.getElementsByTagName("a"); for (var i = 0; i 百度 腾讯 新浪 搜狐 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
语法规则如下: $('a[href$="ABC"]')... 支持的选择方式如下: = 判断完全相符; != 不相符; ^=以某字符串开头; $=以某字符串结尾; *=包含某字符串。 进一步,可以通过$('a[href$="ABC"]:first')返回结果集中的第一条记录 如果需要遍历结果集: 代码如下: $(a[href*=/Lists/Booking/DispForm.aspx]).each(function(){ // $(this)… }); 如果要获取相关属性可以通过$('a[href$="ABC"]:first').attr(‘title')等来获取 如果需要...
而标准的事件触发可以使用dispatchEvent方法。但现在FF5无法触发了A的默认行为了。如下 代码如下: Firefox5链接A无法实现模拟点击bug 新浪邮箱 function dispatch(el, type){ try{ var evt = document.createEvent('Event'); evt.initEvent(type,true,true); el.dispatchEvent(evt); }catch(e){alert(e)}; } var a1 = document.getElementById('a1'); dispatch(a1, 'click'); 链接A,使用dispatchEvent模拟点击。测试在...
小提示窗口 body{ font-size:12px; } .tip{ color:red; text-decoration:none; position:relative; } .tip span {display:none;} .tip:hover {cursor:hand;} .tip:hover .popbox { display:block; position:absolute; top:15px; left:-30px; width:100px; background-color:#424242; color:#fff; padding:10px; } CSS W3C创建CSS标准的目的是以CSS取代HTMLHyper Text Mark-up Language 超文本标记语言表格式布局...