国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > .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對您有幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宁波市| 孝昌县| 隆尧县| 东宁县| 民丰县| 渭南市| 宿迁市| 剑河县| 海城市| 永清县| 庆元县| 托克逊县| 安平县| 满洲里市| 宾川县| 崇明县| 浑源县| 德州市| 桓台县| 枣庄市| 腾冲县| 吉木乃县| 许昌市| 和平县| 积石山| 江陵县| 耿马| 临猗县| 高青县| 白城市| 花垣县| 田林县| 青龙| 崇礼县| 游戏| 太湖县| 会昌县| 铜川市| 安康市| 柘荣县| 临高县|