jquery实现文章内图片可点击新窗口打开

发表于2014-11-06 17:17:06来源于创想网页设计工作室

次点击[] [] [] [打印] [关闭窗口] [评论]

欢迎大家加入创想工作室QQ群 网络瘫痪上不了网?电脑出故障?找破解软件?加入创想工作室QQ群,向大神求助,一步解决问题!QQ群号码:326338868[点此获取更多QQ群]
这是jquery点击图片在新窗口打开图片的特效,用jquery对指定div内容的所有图片点击都在新的窗口打开图片。
 
主要代码如下
$(document).ready(function(e) {
var ImgsTObj = $('#contentwidth img');
if(ImgsTObj){
$.each(ImgsTObj,function(){
$(this).click(function(){
window.open("https://www.22ba.com"+$(this).attr('src'),"_blank");
});
});
}
 
});
 
完整代码如下,在页面中适当位置插入以下代码(为了不影响速度,一般推荐放在代码最后面)
 
<script language="javascript" type="text/javascript">
<!--
//创想工作室二次开发 2014-11-6 www.22ba.com
//其中contentwidth为你层的ID
$(document).ready(function(e) {
var ImgsTObj = $('#contentwidth img');
if(ImgsTObj){
$.each(ImgsTObj,function(){
$(this).click(function(){
window.open("https://www.22ba.com"+$(this).attr('src'),"_blank");
});
});
}
 
});
-->
</script>
 
 
另外记得要引用jquery核心文件。

相关热词搜索:文章图片jquery新窗口点击

© copyright 2002-2024, 22BA.COM All Rights Reserved

网站备案号:粤ICP备19114910号

ChuangXiang Design Studio - WebDesign & Internet Marketing

关于我们业务范围联系我们开心一刻网站地图

QQ群一:326338868QQ群二:78712271

QQ群三:193078177

邮箱:news@22ba.com

地址:深圳市福田区金田路现代国际大厦2606