本文实例讲述了jquery实现外部链接用新窗口打开的方法。分享给大家供大家参考。具体实现方法如下： $("a[href^=http://]").click(function(){this.target = "_blank"; });或者使用下面这个 $(function(){$("a[href^=http://]").attr({target:_blank}) })希望本文所述对大家的jQuery程序设计有所帮助。
一般使用锚点来跳转到页面指定位置的时候，会生硬地立即跳转到指定位置，但是有些时候我们想要平滑地过渡到指定的位置，那么可以使用JQuery简单的实现这个效果： 比如，这里我们将通过点击<a>标签跳转到 id为content的指定位置那里。 <a id="turnToContent" href="#content"></a> 然后呢，就在我们想要的位置设置id为content的内容块，这里用一个div模拟一篇不像文章的文章。最好将此div放在靠后的位置，这样效果就很明显一点，如果...
本文实例讲述了jQuery创建自定义的选择器用以选择高度大于100的超链接实现方法。分享给大家供大家参考。具体分析如下： jQuery创建一个自定义的选择器，自己定义的这个选择器实际上可以是一个函数，下面的JS代码定义了一个over100pixels的选择器，选择出高度大于100的链接，这类技巧非常实用 $.extend($.expr[:], {over100pixels: function(a) {return $(a).height() > 100;} }); $(.box:over100pixels).click(function() {alert(T...
本文实例讲述了jQuery实现行文字链接提示效果的方法。分享给大家供大家参考。具体实现方法如下：代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>一行文字的提示效果</title> <script type=text/javas...
本文实例讲述了jQuery动态修改超链接地址的方法。分享给大家供大家参考。具体实现方法如下： html代码如下： <a id="jb51" href="http://www.haotu.net">好图网</a>通过jQuery更换此超级链接的链接地址为//www.gxlcms.com，代码如下： $("button").click(function(){ $("#jb51").attr("href","//www.gxlcms.com")); });针对class样式 if(softid == "618294"){ $("#btns a").attr("href","http://www.jbzj.com"); }图片与iframe就是...
web开发前端一直用JQuery ，真正接触了才体会到，JQuery 原来比我想象的要强大的多，也可能比我体会到的还要强大的多，特别是兼容性那个好，于是把一些好玩的，酷炫的，可以代替 JS 的，统统给用上了。 从 JQuery 引入今天的正题，用 JQuery 实现锚点链接之间的平滑滚动。以前介绍过一个用 JS 实现的页面锚点跳转缓冲特效，效果相当不错，可以在同一页面的锚点链接之间实现平滑的滚动，但是 JS 代码相对来说比较冗长，现在好了，只...
代码如下:$(a[href*=#]).click(function() { if (location.pathname.replace(/^\//, ) == this.pathname.replace(/^\//, ) && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target || $([name= + this.hash.slice(1) + ]); if ($target.length) { var targetOffset = $target.offset().top; $(html,body).animate({ scrollTop: targetOffset }, 500); return false; } } });
代码如下://Jquery 模拟用户点击超链接或者按钮 $("#a").trigger("click");
代码如下:$(this).hide("slow"); 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>hello world</title> <script type="text/javascript" src="http://www.cssrain.cn/demo/jquery.js"></script> <sc...
jquery 触发a链接点击事件 代码如下:<p class="btnSubmit"><a href="javascript:submitData();">确认</a></p> $(".btnSubmit a")[0].click(); <p id="tob"><a href="1.html">这是文字</a></p>$("#tob a")[0].click(); 这里面很奇怪，有时候$(".btnSubmit a").click()可以，有时候$(".btnSubmit a")[0].click()可以
代码如下:<style type="text/css"> .divFrame { width:260px;border:1px solid #666;font-size:10pt; } .divTitle { background-color:#eee;padding:5px; } .divContent { padding:5px;display:none; } .divCurrColor { background-color:red; } </style> <script src="jQuery/jquery-1.9.1.js"></script> <script type="text/javascript"> $(function () { $(.divTitle).click(function () { $(this).addClass(divCurrColor).next...
超链接提示效果： 代码如下:<script type="text/javascript"> //<![CDATA[ $(function(){ var x = 10; var y = 20; $("a.tooltip").mouseover(function(e){ this.myTitle = this.title; this.title = ""; var tooltip = "<div id=tooltip>"+ this.myTitle +"<\/div>"; //创建 div 元素 $("body").append(tooltip); //把它追加到文档中 $("#tooltip") .css({ "top": (e.pageY+y) + "px", "left": (e.pageX+x) + "px" }).show("fast...
1、内部链接是通过在<a>标签内将href属性值设为#+id的形式，外链则是在<a>中增加rel属性，并将属性值设为external，如：<a href="about.html" rel="external">3i Studio</a> 2、外部链接切换示例代码： 代码如下:<!DOCTYPE HTML > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <meta name="viewport" content="width=device-width,initial-scale=1"/> <link hre...
点击链接插入链接内容。 亮点： 1.正则匹配<a>标记。 2.jQuery单击添加，双击删除。 3.textarea加入换行。 核心代码： 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Click to Text</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8...
在正式开始本文之前，先来简单介绍下HTML的<a>标签：使用<a>标签，我们可以在HTML页面上定义锚（anchor），锚有两种用法： 通过使用 href 属性，创建指向另外一个文档的链接（或超链接） 通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接） 本文的内容与锚的第一种用法有关。 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="Web.WebF...