仿qq空间的小项目源代码下载（小程序制作教程源码）

本篇文章给大家谈谈仿qq空间的小项目源代码下载，以及小程序制作教程源码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、如何用react实现仿QQ空间拖拽模块
• 2、谁知道QQ空间FLASH的源代码???
• 3、怎么样提取QQ空间源代码？
• 4、跪求 QQ空间（CSS+DIV）源码，不胜感激！
• 5、QQ空间代码

如何用react实现仿QQ空间拖拽模块

这篇文章主要介绍了完美实现仿QQ空间回复特效，非常的实用，附上实例代码给大家，有需要的小伙伴参考下吧。回复是个很常见的东西，但是各大网站实现的方式却不尽相同。大体上有两种方式1.像优酷这种最常见，在输入框中@要回复的人，这种方式下，用户可以修改@。新浪微博则是在这个基础上，弹出好友菜单。这种方式的好处是不需要任何js,css处理兼容。2.像qq空间这种，对回复的人整个删除。本屌感觉这种方式比较好，但这种方式有些兼容性上的细节，这个后面会详细说明。事实上，qq空间的这种实现在效果上是兼容了ie和现代浏览器的，做的非常好。上面是chromeie8ie7ie6就不上图片了，太卡了，都懂得，最后本屌会附上最终例子的，当然也兼容ie6。下面就说说怎么实现的。先看看qq空间是怎么做的chrome上面可以看到，qq空间是在button中加上文字，这样在删除的时候对被回复的用户名就能整个删除了。不过这样做还不够，首先是样式，需要把button设置成inline-block，消除button默认的透明背景，边框，当然还有padding,margin设为0复制代码 代码如下:button{ border: 0; background:none; }这时在ie6,7中插入会发现，似乎还存在padding,而且还很大所以还需要加上overflow: visible;另外属性contenteditable设置成为false,否则光标会跳到button里面，然后在ie8下会发现，输入的时候如果有回车，然后在依次删除的过程中，会发现button标签删不掉，光标会跑到button标签前面，而且再次按右光标键或用鼠标点击button标签右边都无法让光标跑到button标签右边。事实上，qq空间在ie8中也有这个问题ie8而在ie6,7下，就没有这个问题ie7ie6这里针对ie8需要对文本框绑定keydown事件回调check_comment,对ie6,7绑定了也没有问题，这里就统一的对ie绑定。?1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 function getPositionForTextArea(ctrl) { //获取光标位置 var CaretPos = 0; if(document.selection) { ctrl.focus(); var Sel = document.selection.createRange(); var Sel2 = Sel.duplicate(); Sel2.moveToElementText(ctrl); var CaretPos = -1; while(Sel2.inRange(Sel)){ Sel2.moveStart('character'); CaretPos++; } }else if(ctrl.selectionStart ctrl.selectionStart == '0'){ CaretPos = ctrl.selectionStart; } return (CaretPos); } vm.check_comment=function(e,i){ var a=getPositionForTextArea($('reply'+i)); if(e.keyCode==8a3){ var pat = new RegExp("^pbutton .*?.*?/button /p$",'i'); if(pat.test(this.innerHTML)) this.innerHTML=''; } }; 光标位置3表明光标前面就是button标签了，这时就可以清空输入框了。注意这里为了严谨，用正则表达式验证是不是button标签.另外在正则表达式中button标签外包裹p标签，是因为ie在按回车换行时，会默认自动对前面的行包裹p标签。当然，一开始在输入框也要在button标签外包裹p标签。题外话qq空间在ff上用的是img标签之前一直以为qq空间在现代浏览器上统一用的是img标签，写的时候才发现在chrome中用的是button标签，于是就在chrome下试了一下插入img标签，发现怎么也弄不掉边框，而且删除的时候，绑定中光标位置的判断也会和ie不一致，因为现代浏览器换行默认插入,于是索性对chrome也用button标签。另外在我的例子中，ff中插入button标签的话，输入框不容易获得焦点。本屌也懒得去改了,仍然是在ff中插入img标签，对应的keydown回调?1 2 3 4 if(!!-[1,]e.keyCode==8$('reply'+i).childNodes.length==2){//ff this.innerHTML=''; return; } 只用判断输入框的子节点个数就可以了。最终效果chromeffie8ie7ie6附上例子下载以上所述就是本文的全部内容了，希望大家能够喜欢。

谁知道QQ空间FLASH的源代码???

ttp://sucai.heima.com/sucai/news/flash/37.swf

1 （特别推荐）

2

3

4

5

6

7

8

9

10

11

12

13

怎么样提取QQ空间源代码？

喜欢qq全屏空间，打开空间的G4.JS研究了好久都没有想到如何破解全屏皮肤的免费使用 javascript:window.top.space_addItem(type,itemno,posx,posy,width,height,zIndex,notPlayFlash); 参数说明 ： type case 1 : //皮肤 case 2 : //挂件 case 3 : //banner case 4 : //鼠标方案 case 5 : //漂浮物 case 6 : //播放器 case 7 : //个性花藤 case 8 : //个性标志(cancel) case 9 : //大头贴（小）(cancel) case 11 : //大头贴（大） case 12 : //公告栏 case 13 : //自定义导航栏 case 14 : //欢迎Flash case 15 : //礼品盒 case 16 : //Flash 挂件 case 49: //QCC皮肤 itemno 皮肤编号：在商城里选择喜欢的皮肤，点鼠标右键看属性即可查到，通常是5位阿拉伯数字 posx 背景水平坐标，只要设置为0即可 posy 景垂直坐标，设置为80 width 背景宽度，只要设置为0即可 height 背景高度，只要设置为0即可 zIndex 背景所在层编号，请设置为90 这个参数好象不起作用，设为0或者省略掉也行 尽管上面代码不能保存方案，本人分析了空间的JAVASCRIPT后，了解更换皮肤代码的执行过程：当输入上面的代码，回车后， 后台程序执行了space-additem函数，空间背景发生改变，当点保存方案后，后台程序执行了saveScenario()函数，将 GET [url=]/cgi-bin/cgi_diy_save_scenario?scenario=ver4@1_15196_0_80_0_0_90|19_1_0_0_0_0_1|7_6559_0_0 _0_1_1|13_1_202_89_100_500_1|95_7_15_283_355_285_0|95_2_15_0_355_285_0|94_3_478_410_175_285 _0|99_3_15_588_441_675_0|99_6_437_0_218_390_0scenari_no=8768styleid=1[/url] 查看对方装扮的代码的网址； 号码

跪求 QQ空间（CSS+DIV）源码，不胜感激！

你要想要整个QQ空间的源码，几乎没人给的了你，只能自已动手

方法一、装个火狐用F12开发者工具看下，包括css都能看到，也可以复制的！

方法二、去下载个扒网页的软件,自已去扒就行了。

望采纳，谢谢：）

QQ空间代码

我给你一个网站，是下载QQ空间代码生成器的

直接用这个就行

星座代码

iframe width="253" height="97" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="" allowTransparency="true"/iframe

免费用尽QQ空间物品代码

免费用尽QQ空间物品代码

img src="" onload="mall_changeItem('1','物品ID','0','0','0','0','0');"

换ID就行了

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

挂件填加代码：SupFree2

img src="" onload="space_addGJ('2', '物品ID', '横坐标', '竖坐标', '0', '0', '0');"

将物品ID更改成你想设置为使用图片的物品ID

横坐标是物品距离左边框的距离 （SupFree5用数字表示，SupFree0实际位置只有去试，SupFree0不要大于600啊）SupFree6

竖坐标是物品距离上边框的距离

BANNER填加代码：SupFree2

img src="" onload="mall_changeItem('3','物品ID', '横坐标', '竖坐标','物品宽','物品高','0');"

将物品ID更改成你想设置为使用图片的物品ID

横坐标是物品距离左边框的距离

竖坐标是物品距离上边框的距离

因为挂件大小不一所以要注意图片大小来设定物品宽、SupFree3高

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

img src="" onload="mall_changeItem('4','物品ID','0','0','0','0','0');"

将物品ID更改成你想设置为使用图片的物品ID

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

漂浮物更换代码：SupFree2

img src="" onload="mall_changeItem('5','物品ID','0','1','3','0','0');"

将物品ID更改成你想设置为使用图片的物品ID

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

音乐播放器更换代码：SupFree2

（SupFree5此代码不能保证能用，SupFree0只有大供大家学习啊，SupFree0有些也能用．）SupFree6

img src="" onload="mall_changeItem('6','物品ID','横坐标','竖坐标','宽','高','0');"

将物品ID更改成你想设置为使用图片的物品ID

横坐标是物品距离左边框的距离

竖坐标是物品距离上边框的距离

因为挂件大小不一所以要注意图片大小来设定物品宽、SupFree3高

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

请各位注意啊:

代码中的ID就是到自己QZONE的“SupFree8装扮空间”SupFree9里的东西，SupFree0点右键，SupFree0选择“SupFree8属性”SupFree9

弹出一个新窗口，SupFree0里面的“SupFree8地址”SupFree9部分内容应该是像这样：SupFree2

一个数字.gif

这个数字就是物品ID号

坐标大家都知道了吧，SupFree0就不说了．呵呵．

仿qq空间的小项目源代码下载的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序制作教程源码、仿qq空间的小项目源代码下载的信息别忘了在本站进行查找喔。