❶ 如何用 js或者jquery 实现打开新标签页
js自动点击,不过这种方式也有可能被拦截的。内
<html>
<head>
<ahref="网址容"id="a"target="_blank">连接>>></a>
<script>
document.getElementById("a").click();
</script>
</body>
</html>
❷ 怎么给html5背景加上js粒子特效
使用了particles.js
particles.js可以从github网站下载到最新的源码,网址是 https://github.com/VincentGarreau/particles.js/
使用方法非常简单
第一步,在html中引入脚本文件 particles.min.js,这个文件在下载的压缩包里可以找到
<scriptsrc="particles.min.js"></script>
第二步,在html中放入一个div容器,设置id为particles-js。这个一般放在所有网页元素的最后面就可以。
<divid="particles-js"></div>
<styletype="text/css">
#particles-js{
position:absolute;
top:0;
width:100%;
}
</style>
第三步,设置窗口样式
<styletype="text/css">
#particles-js{
z-index:-1;
position:absolute;
top:0;
width:100%;
background:#aaa;
}</style>
第四步,脚本生成粒子效果,可以单独放在一个js文件里,也可以放在<script>标签里。无论如何,这段脚本要出现在div容器之后。
particlesJS("particles-js",{"particles":{"number":{"value":380,"density":{"enable":true,"value_area":800
}
},"color":{"value":"#ffffff"
},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"
},"polygon":{"nb_sides":5
},"image":{"src":"img/github.svg","width":100,"height":100
}
},"opacity":{"value":0.5,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false
}
},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false
}
},"line_linked":{"enable":true,"distance":150,"color":"#ffffff","opacity":0.4,"width":1
},"move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200
}
}
},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"grab"
},"onclick":{"enable":true,"mode":"push"
},"resize":true
},"modes":{"grab":{"distance":140,"line_linked":{"opacity":1
}
},"bubble":{"distance":400,"size":40,"ration":2,"opacity":8,"speed":3
},"repulse":{"distance":200,"ration":0.4
},"push":{"particles_nb":4
},"remove":{"particles_nb":2
}
}
},"retina_detect":true});
❸ 怎么用js或者jQuery去除掉某个标签但是不去除里面的内容
1、可以使用正则直接取到img
//思路分两步:
//1,匹配出图片img标签(即匹配出所有图片),过滤其他不需要的字符
//2.从匹配出来的结果(img标签中)循环匹配出图片地址(即src属性)
varstr="<td>thisisteststring<imgsrc="http:yourweb.com/test.jpg"width='50'>123andtheend<imgsrc="所有地址也能匹配.jpg"/>33!<imgsrc="/uploads/attached/image/20120426/20120426225658_92565.png"alt=""/></td>"
//匹配图片(g表示匹配所有结果i表示区分大小写)
varimgReg=/<img.*?(?:>|/>)/gi;
//匹配src属性
varsrcReg=/src=['"]?([^'"]*)['"]?/i;
vararr=str.match(imgReg);
alert('所有已成功匹配图片的数组:'+arr);
for(vari=0;i<arr.length;i++){
varsrc=arr[i].match(srcReg);
//获取图片地址
if(src[1]){
alert('已匹配的图片地址'+(i+1)+':'+src[1]);
}
//当然你也可以替换src属性
if(src[0]){
vart=src[0].replace(/src/i,"href");
//alert(t);
}
}
❹ Myeclipse里导入jQueryjs时出现错误打红叉的解决方法
在一次javaWeb 开发中我需要一些特效,于是从官网上下载了:jquery-2.1.1.min.js 。然后导入到 Myeclipse里,结果就出现了 红叉
如图所示:
解决方案:如上图所示:右击 jquery-2.1.1.min.js -->MyEclipse -->
①先点击Exclude From Validation ;②点击Run Validation 即可。
❺ javascript常用的特效有哪些
javascript
一种由Netscape的LiveScript发展而来的脚本语言,它提高与Java的兼容性。JavaScript采用HTML页作为其接口
一、Javascript在网页的用法
Javascript加入网页有两种方法:
1、直接加入HTML文档
这是最常用的方法,大部分含有Javascript的网页都采用这种方法,如:
<script language="Javascript">
<!--
document.writeln("这是Javascript!采用直接插入的方法!");
//-Javascript结束-->
</script>
在这个例子中,我们可看到一个新的标签: <script>……</script>,而<script language="Javascript”> 用来告诉浏览器这是用Javascript编写的程序,需要调动相应的解释程序进行解释。
HTML的注释标签<!--和-->:用来去掉浏览器所不能识别的Javascript源代码的,这对不支持 Javascript 语言的浏览器来说是很有用的。
//-Javascript结束:双斜杠表示 Javascript的注释部分,即从//开始到行尾的字符都被忽略。至于程序中所用到的document.write()函数则表示将括号中的文字输出到窗口中去,这在后面将会详细介绍。另外一点需要注意的是,<script>……</script>的位置并不是固定的,可以包含在< head>......</head> 或<body>.....</body>中的任何地方。
2、引用方式 如果已经存在一个Javascript源文件(以js为扩展名),则可以采用这种引用的方式,以提高程序代码的利用率。其基本格式如下:
<script src=url language="Javascript"></script>
其中的Url就是程序文件的地址。同样的,这样的语句可以放在HTML文档头部或主体的任何部分。 如果要实现“直接插入方式”中所举例子的效果,可以首先创建一个Javascript源代码文件“Script.js”,其内容如下:
document.writeln("这是Javascript!采用直接插入的方法!");
在网页中可以这样调用程序:<script src="Script.js" language="Javascript"></script> 。
❻ 如何利用js或jQuery控制标签的显示和隐藏
首先有个建议,在两个tr之间不要有div,这是很不规范的写法。
其次推荐使用Jquery来写,很好实现。
最后,如果使用的是服务端控件CheckBox,那么在使用JS或Jquery之前,最好先在生成的源代码里核对一下控件的ID。
好了,废话不多说,如下代码能实现你的要求,希望对你有帮助:
<table>
<tr>
<td>
<asp:TextBoxID="TextBox1"runat="server"Text="111"></asp:TextBox>
</td>
</tr>
<trclass="trr">
<td>
<asp:TextBoxID="TextBox2"runat="server"Text="222"></asp:TextBox>
</td>
</tr>
<trclass="trr">
<td>
<asp:TextBoxID="TextBox3"runat="server"Text="333"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:TextBoxID="TextBox4"runat="server"Text="444"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:CheckBoxID="CheckBox1"runat="server"/>
</td>
</tr>
</table>
<scriptsrc="jquery-1.7.1.min.js"type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#CheckBox1").change(function(){
if($(this).attr("checked"))
$(".trr").hide();
else
$(".trr").show();
});
});
</script>