宅之力: msn即時熱線範例教學

msn即時熱線範例教學

範例程式碼請參考

http://www.wahahajk.com/nclab/msn.aspx

結合MSN和Yahoo YUI的Api 即時顯示MSN狀態讓使用者能不登入MSN帳號匿名傳訊給我可自由縮放大小拖拉位置(MSN即時熱線有時明明有登入卻永遠顯示離線多嘗試關掉MSN重登幾次就會正常)

以下節錄部份範例程式碼

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="msn.aspx.cs" Inherits="msn" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>MSN即時熱線範例</title>

<%--引用Yahoo YUI--%>

</head>

<div>

<%-- 宣告容器圖層 --%>

<%--可拖拉的位置--%>

</div>

<%--msn主體--%>

</div>

(

function()

{

var Dom = YAHOO.util.Dom,Event = YAHOO.util.Event;

var resize = new YAHOO.util.Resize("msnOuter",

{

handles: 'br',//把resize控制項放在右下角

minWidth: 175,//最小寬度

minHeight: 250,//最小高度

proxy: true,//移動不會立即顯示會先顯示圖框

draggable: true,//resizeable內建的drag功能

animate: true,//移動的過場動畫

animateDuration: .75,

animateEasing: YAHOO.util.Easing.backBoth

}

);

}

)

();

</script>

</div>

</form>

/* Bottom Right Gripper 把右下角的圖放大點*/

.yui-skin-sam .yui-resize .yui-resize-handle-br {

height: 20px;

width: 20px;

background-position: -20px -60px;

background-color: transparent;

}

</style>

</body>

</html>

宅之力

2008年6月15日星期日

msn即時熱線範例教學

0 意見:

標籤

統計歷史

網誌存檔

宅之力

2008年6月15日 星期日

msn即時熱線 範例教學

0 意見:

標籤

統計歷史

網誌存檔

RSS訂閱

2008年6月15日星期日

msn即時熱線範例教學