在給大家推薦了《[url=http://ijavascript.cn/share/float-drag-js-for-qqonline-20.html]qq在線客服代碼可以拖動浮動[/url]》然后又推薦了《[url=http://ijavascript.cn/share/float-drag-js-for-qqonline-30.html]qq在線咨詢代碼上下浮動型[/url]》之后,有朋友問我有沒有簡單點的可浮動的在線qq咨詢客服代碼,其實是有的,我先賣個關子說說原理。算了還是上傳個在線qq咨詢客服代碼的演示圖片吧。如下圖:[br][img]http://ijavascript.cn/admincp/attachment.php?aid=8[/img][br]樣子很難看,但是這就是非常簡潔的浮動qq客服代碼了,其實最簡單的qq在線客服代碼還是[url=http://imis.qq.com/webpresence/code.shtml]http://imis.qq.com/webpresence/code.shtml[/url]官方的,不過不能浮動。等下提供源程序的打包下載。[br]先看浮動部分的代碼,這個floaters函數就是讓一個div元素浮動
function floaters() {[br]this.items = [];[br]this.additem = function(id,x,y,content) {[br]document.write('
'+content+'
');[br][br]var newitem = {};[br]newitem.object = document.getelementbyid(id);[br]newitem.x = x;[br]newitem.y = y;[br][br]this.items[this.items.length] = newitem;[br]}[br]this.play = function() {[br]collection = this.items[br]setinterval('play()',10);[br]}[br]}然后是顯示部分的代碼,play這個函數是控制在線qq咨詢客服代碼的顯示的:
function play() {[br]if(screen.width<=800) {[br]for(var i=0;i
0?1:-1)*math.ceil(math.abs(dx));[br]followobj.style.left=followobj.offsetleft+dx;[br]}[br][br]if(followobj.offsettop!=(document.body.scrolltop+followobj_y)) {[br]var dy=(document.body.scrolltop+followobj_y-followobj.offsettop)*delta;[br]dy=(dy>0?1:-1)*math.ceil(math.abs(dy));[br]followobj.style.top=followobj.offsettop+dy;[br]}[br]followobj.style.display = '';[br]}[br]}演示地址:[url=http://ijavascript.cn/tools/codedemo/float-drag-js-for-qqonline-53/index.htm]float-drag-js-for-qqonline-53/index.htm[/url][br]下載地址:[url=http://ijavascript.cn/tools/codedemo/float-drag-js-for-qqonline-53/float-drag-js-for-qqonline-53.zip]float-drag-js-for-qqonline-53.zip[/url]
[b]tag:[/b] [url=http://ijavascript.cn/tag/%b8%a1%b6%af/index.html]浮動[/url] [url=http://ijavascript.cn/tag/qq%bf%cd%b7%fe/index.html]qq客服[/url] [url=http://ijavascript.cn/tag/%d4%da%cf%dfqq%d7%c9%d1%af/index.html]在線qq咨詢[/url] [url=http://ijavascript.cn/tag/%b8%a1%b6%afqq%b4%fa%c2%eb/index.html]浮動qq代碼[/url] [url=http://ijavascript.cn/tag/qq%b8%a1%b6%af%bf%cd%b7%fe/index.html]qq浮動客服[/url] [br]kimi post in [url=http://ijavascript.cn/share/index.html]javascript共享[/url] at 2007-09-11 20:50:35. [br]永久地址:[url=http://ijavascript.cn/share/float-drag-js-for-qqonline-53.html]http://ijavascript.cn/share/float-drag-js-for-qqonline-53.html[/url] [br]在百度中搜索《[url=http://baidu.com/s?tn=jianxieshui_pg&word=可浮動的在線qq咨詢客服代碼]可浮動的在線qq咨詢客服代碼[/url]》。
該文章在 2010/4/27 1:51:26 編輯過