① 下载 jquery UI 弹窗demo(css js html)详细步骤
下载JQ ui 弹窗demo可按照以下步骤完成:
1,打开JQ ui,点击download按钮,如下图:
② 我想用js或者jquery 批量替换一个字符串
varstr='<divclass="demo1"style="height:auto;min-height:0px;width:1500px;color:red;“>内容1</div>'+
'<divclass="demo1"style="height:auto;min-height:0px;width:1500px;color:red;“>内容2</div>'+
<divclass="demo2"style="height:auto;min-height:0px;width:1500px;color:red;“>内容3</div>'
str=str.replace(/width:s*(d)+/g,'width:1000');
这样后str就是替内换后的结果容
③ JS跑马灯动不了
<div id="demo" style="overflow:hidden;height:150px;width:500px;background:#214984;color:#ffffff; float:left;">
<table align="left" cellpadding="0" cellspace="0" border="0">
<tr>
<td id="demo1" valign="top">
<img src="../images/my_1.jpg" alt="" />
<img src="../images/my_13.jpg" alt="" />
<img src="../images/my_2.jpg" alt="" />
<img src="../images/my_8.jpg" alt="" />
<img src="../images/my_4.jpg" alt="" />
<img src="../images/my_9.jpg" alt="" />
<img src="../images/my_6.jpg" alt="" />
</td>
<td id="demo2" valign="top">
</td></tr>
</table></div>
<script language="javascript">
//不间断滚屏
var speed=6
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-zt.scrollLeft<=0)
zt.scrollLeft-=demo1.offsetWidth
else{zt.scrollLeft++}}
var MyMar=setInterval(Marquee,speed)
zt.onmouseover=function() {clearInterval(MyMar)}
zt.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
④ jstree 1.0 如何去掉默认右键菜单中的 edit 子菜单
1、右键菜单需要配置插件contextmenu
默认右键功能:"plugins" : [ "themes", "html_data", "contextmenu" ]
无右键功能:"plugins" : [ "themes", "html_data" ]
这种情况会弹出为网页的右键菜单
2、去掉右键菜单,只要将相应的默认菜单项设为null
Javascript代码
$(function () {
$("#demo1").jstree({
"plugins" : [ "themes", "html_data", "contextmenu" ],
"contextmenu": {
"items": {
"create": null,
"rename": null,
"remove": null,
"ccp": null
}
}
});
});
3、自定义右键菜单
Javascript代码
$(function () {
$("#demo1").jstree({
"plugins" : [ "themes", "html_data", "contextmenu" ],
"contextmenu": {
"items": {
"create": null,
"rename": null,
"remove": null,
"ccp": null,
"弹出对话框": {
"label": "弹出对话框",
"action": function (obj) { alert(obj) }
},
"包含子级菜单": {
"label": "包含子级菜单",
"submenu": {
"cut" : {
"separator_before" : false,
"separator_after" : false,
"label" : "Cut",
"action" : function (obj) { alert("Cut") }
}
}
}
}
}
});
});
⑤ js不间断从上到下滚动的图片代码
先制作向上滚动的效果:
插入代码:
<!-- 指向链接图片url -->
<base href=" http://www.it365cn.com";>
<div id=demo style=overflow:hidden;height:150;width:90;background:#214984;color:#ffffff>
<div id=demo1>
<!-- 定义图片 -->
<img src="images/logo_1.gif">
<img src="images/logo/flashempire.gif">
<img src="images/logo.gif">
<img src="images/logo/5dmedia.gif">
<img src="images/logo/macromedia.gif">
<img src="images/logo/sucaiw.gif">
<img src="images/logo/blueieda.gif">
<img src="images/logo/htmlcn.gif">
<img src="images/logo/fwcn.gif">
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
制作向下滚动的效果:
将上面“制作向上滚动的效果”中的红色字体Js部分替换成:
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
function Marquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
⑥ 基于webrtc以及nodejs的P2P实时视频demo
吐槽, 你的分类错了, 导致不能贴代码。
github:
priologic/easyrtc
webRTC/webRTC.io
自己开发推荐使用/easyrtc
只是玩玩 对于webRTC.io使用简单
npm install webrtc.io
Client
<video id="local" autoplay="autoplay"></video>
<video id="remote" autoplay="autoplay"></video>
<script src="/webrtc.io.js"></script>
<script>
// note: make sure hostname available to all connecting clients
// (ie. probably not `localhost`)
rtc.connect('ws://yourserveraddress:8001');
rtc.createStream({"video": true, "audio":false}, function(stream){
// get local stream for manipulation
rtc.attachStream(stream, 'local');
});
rtc.on('add remote stream', function(stream){
// show the remote video
rtc.attachStream(stream, 'remote');
});
// more rtc callbacks are available
</script>
Server
var webRTC = require('webrtc.io').listen(8001);
//then a bunch of callbacks are available