亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > .NET > 正文

在Asp.net中使用JQuery插件之jTip代碼

2024-07-10 13:26:29
字體:
來源:轉載
供稿:網友
默認支持兩個參數:
width寬度,default value :250px
link 要link的URL
對應的Source code是:

復制代碼 代碼如下:


var params = parseQuery( queryString );
if(params['width'] === undefined){params['width'] = 250};
if(params['link'] !== undefined){
$('#' + linkId).bind('click',function(){window.location = params['link']});
$('#' + linkId).css('cursor','pointer');
}


然后我們看到初始化時,是選擇所有class=jTip的<a>標簽,然后給它們加上hover方法,讓click方法失效

復制代碼 代碼如下:


//on page load (as soon as its ready) call JT_init
$(document).ready(JT_init);
function JT_init(){
$("a.jTip")
.hover(function(){JT_show(this.href,this.id,this.name)},function(){$('#JT').remove()})
.click(function(){return false});
}


接著取得當前id的位置計算將要顯示DIV的位置,code也不復雜:

復制代碼 代碼如下:


if(hasArea>((params['width']*1)+75)){
$("body").append("<divwidth']*1+"px'><div></div><div>"+title+"</div><div><div><div></div></div>");//right side
var arrowOffset = getElementWidth(linkId) + 11;
var clickElementx = getAbsoluteLeft(linkId) + arrowOffset; //set x position
}else{
$("body").append("<divwidth']*1+"px'><divwidth']*1)+1)+"px'></div><div>"+title+"</div><div><div><div></div></div>");//left side
var clickElementx = getAbsoluteLeft(linkId) - ((params['width']*1) + 15); //set x position
}
$('#JT').css({left: clickElementx+"px", top: clickElementy+"px"});
$('#JT').show();
$('#JT_copy').load(url);


其它的一些help function可以參看source code,你可以從這里下載它.
如何使用呢?我們引入它與相應的CSS:

復制代碼 代碼如下:


<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.3.2.min.js"></script>
<script src="js/jtip.js" type="text/javascript"></script>


在asp.net webform中使用Handler,asp.net mvc 可以用action.這個用Handler演示:

復制代碼 代碼如下:


[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class DataHandler : IHttpHandler
{
#region Properties (1)
public bool IsReusable
{
get
{
return false;
}
}
#endregion Properties
#region Methods (2)
// Public Methods (1)
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Write(GetData(Convert.ToInt32(context.Request.QueryString["id"])));
}
// Private Methods (1)
private string GetData(int key)
{
Dictionary<int, string> mydatadic = new Dictionary<int, string>();
mydatadic.Add(0, "Nothing in life is to be feared. It is only to be understood,this is id equal 0");
mydatadic.Add(1, "<strong>A man</strong> is not old as long as he is seeking something. A man is not old until regrets take the place of dreams. ,this is id equal 1");
mydatadic.Add(2, "A man can succeed at almost anything for which he has unlimited enthusiasm.,this is id equal 2");
mydatadic.Add(3, "To live is to function. That is all there is in living. ,this is id equal 3");
return mydatadic[key];
}
#endregion Methods
}


好的,在最終的HTML中這么寫:

復制代碼 代碼如下:


<span><a href="DataHandler.ashx?id=0&width=375">?</a></span>
<br>
<p><a href="DataHandler.ashx?id=3&width=175&link=http://www.google.com">Go To Google</a></p>
<a href="DataHandler.ashx?id=3">Tip No Caption</a>


默認是取name attribute value為Caption,上面是三種典型的link。id是我們自己傳給Handler的QueryString,最終效果如下圖所示:

在Asp.net中使用JQuery插件之jTip代碼

希望這篇POST對您有幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
2020国产精品视频| 国产香蕉97碰碰久久人人| 国产精品黄页免费高清在线观看| 久久资源免费视频| 欧洲亚洲妇女av| 欧美黑人一区二区三区| 久久久久久久91| 欧美亚洲成人网| 日韩在线精品视频| 国产99久久久欧美黑人| 国产精品久久久久久久久| 九九热精品视频在线播放| 97精品久久久中文字幕免费| 亚洲精品综合久久中文字幕| 亚洲国产欧美在线成人app| 中文字幕久精品免费视频| 精品综合久久久久久97| 九九视频直播综合网| 日本三级韩国三级久久| 在线电影中文日韩| 精品国产一区二区三区久久| 成人精品久久av网站| 欧美日韩精品在线视频| 亚洲精品xxxx| 国模私拍视频一区| 岛国av午夜精品| x99av成人免费| 日韩av手机在线| 亚洲91av视频| 91亚洲精品久久久久久久久久久久| 欧美精品久久久久久久久| 中文字幕日韩有码| 黑人精品xxx一区一二区| 日韩欧美精品在线观看| 久久久亚洲国产| 国产欧美日韩亚洲精品| 国产成人精品一区二区在线| 久久精彩免费视频| 日韩成人中文字幕在线观看| 精品国产精品三级精品av网址| 国产精品一区二区电影| www.精品av.com| 日韩av电影国产| 最近2019年日本中文免费字幕| 亚洲伊人成综合成人网| 青草青草久热精品视频在线网站| 久久综合网hezyo| 91经典在线视频| 日韩中文字幕精品视频| 久久久久久久久中文字幕| 亚洲欧美三级在线| 亚洲最大成人在线| 欧美野外wwwxxx| 91视频免费网站| 俺去啦;欧美日韩| 亚洲国产美女精品久久久久∴| 成人免费高清完整版在线观看| 亚洲天堂成人在线视频| 亚洲欧洲美洲在线综合| 久热精品视频在线免费观看| 大量国产精品视频| 久久久久久国产精品三级玉女聊斋| 欧美日韩国产精品一区二区不卡中文| 欧美性猛交xxxxx水多| 亚洲男人av电影| 精品国产一区二区三区久久久| 国产欧亚日韩视频| 欧洲日本亚洲国产区| 日韩电影中文字幕| 最近2019年手机中文字幕| 日韩精品极品视频| 国产美女久久精品| 中国日韩欧美久久久久久久久| 中文字幕亚洲综合久久| 亚洲少妇激情视频| 国产日产久久高清欧美一区| 成人中文字幕+乱码+中文字幕| 最新日韩中文字幕| 欧美精品一本久久男人的天堂| 热门国产精品亚洲第一区在线| 欧美日韩国产激情| 精品国内产的精品视频在线观看| 成人黄色片网站| 97视频在线观看播放| 亚洲第一页中文字幕| 成人免费在线视频网站| 97视频com| 欧美肥老太性生活视频| 日韩美女av在线免费观看| 97香蕉久久夜色精品国产| 国产精品最新在线观看| 国产精品美女主播| 欧美丰满老妇厨房牲生活| 久久久久久久久国产| 国产精品爽黄69| 97精品久久久| 国产精品99久久久久久www| 国模视频一区二区三区| 91免费视频网站| 亚洲国产精品久久精品怡红院| 92裸体在线视频网站| 欧美精品在线免费| 亚洲国产古装精品网站| 日韩精品丝袜在线| 国产一区二区黄| 亚洲精品国产美女| 97香蕉超级碰碰久久免费软件| 久久久久久久91| 欧美日韩亚洲视频一区| 欧美日韩精品在线| 美女福利视频一区| 亚洲福利视频专区| 欧美精品国产精品日韩精品| 精品久久久久久电影| 亚洲欧美日韩第一区| 亚洲在线视频观看| 91日本在线观看| 国产乱人伦真实精品视频| 欧美精品在线极品| 日韩在线www| 亚洲福利在线观看| 欧美日韩成人在线观看| 亚洲专区中文字幕| 日韩一区二区三区国产| 久久综合久久美利坚合众国| 国产精品久久久久久搜索| 国产亚洲精品久久久| 久久伊人精品一区二区三区| 中文字幕一区二区精品| 7777免费精品视频| 深夜福利亚洲导航| 亚洲欧美成人精品| 国产欧美一区二区三区视频| 国产精品免费一区豆花| 日本精品免费一区二区三区| 日韩美女av在线免费观看| 91人人爽人人爽人人精88v| 日韩欧中文字幕| 成人福利网站在线观看11| 日韩中文字幕精品视频| 欧美噜噜久久久xxx| 欧美极品少妇xxxxⅹ裸体艺术| 黑人与娇小精品av专区| 欧美性极品xxxx娇小| 亚洲一区亚洲二区| 亚洲女人天堂成人av在线| 国产日韩精品在线观看| 国产日韩欧美在线观看| 亚洲免费伊人电影在线观看av| 国产精品专区一| 欧美性猛交xxxx乱大交| 国产精品久久久久高潮| 日韩精品亚洲视频| 欧美壮男野外gaytube| 色av中文字幕一区| 97在线视频国产| 精品欧美国产一区二区三区| 久久免费视频这里只有精品| 欧美性色19p| 国产精品av在线播放| 日韩大陆欧美高清视频区| 日韩成人在线网站| 国产色婷婷国产综合在线理论片a| 久久99精品久久久久久噜噜|