$(".item a img").hover(function() {
var tsrc = $(this).attr("src");
var link = $(this).parent().attr("href");
tsrc=tsrc.split('-')[0]+'-260x260.jpg';
$(this).parent().parent().parent().append("<dd class='bigimg'><a href=''><img src = '' /></a></dd>");
$(this).parent().parent().parent().find(".bigimg").find("a").find("img").attr("src",tsrc);
$(this).parent().parent().parent().find(".bigimg").find("a").attr("href",link);
$(this).parent().parent().parent().find(".bigimg").css({position:'absolute',display:'block',overflow:'hidden',width:'260px',height:'260px',"z-index":'20',top:'0',left:'0'});
},function(){
$(this).parent().parent().parent().find(".bigimg").remove();
});
怎样大图出来后就在大图上移动啊,现在看上去好闪啊?也不知这样写对不对,求助大虾帮忙看下。
var tsrc = $(this).attr("src");
var link = $(this).parent().attr("href");
tsrc=tsrc.split('-')[0]+'-260x260.jpg';
$(this).parent().parent().parent().append("<dd class='bigimg'><a href=''><img src = '' /></a></dd>");
$(this).parent().parent().parent().find(".bigimg").find("a").find("img").attr("src",tsrc);
$(this).parent().parent().parent().find(".bigimg").find("a").attr("href",link);
$(this).parent().parent().parent().find(".bigimg").css({position:'absolute',display:'block',overflow:'hidden',width:'260px',height:'260px',"z-index":'20',top:'0',left:'0'});
},function(){
$(this).parent().parent().parent().find(".bigimg").remove();
});
怎样大图出来后就在大图上移动啊,现在看上去好闪啊?也不知这样写对不对,求助大虾帮忙看下。
解决方案 »
- 关于vs2008 开发 js 的问题 和如何导入openlayers 初学者
- 求高手指教,onsubmit()在浏览器中的兼容问题
- ********************请教关于js修改浏览器安全设置的问题**********************
- ActiveXobject对象 能在linux下创建吗?
- 在表单Submit之后,有没有事件触发,表明提交成功的方法?
- 求HTML内提取文本的正则
- 为什么firefox对form.submit()没有反应????
- 在java中碰到的一个莫名其妙的问题。
- 怎么禁止checkbox选项框为只读,类似<input type="text" readonly>的效果。readonly对checkbox不起作用。使用disabled会使该选项值也无效
- Ext.js初学者,求好的学习网址
- JS 代码 在Chrome浏览器 可以弹出窗口 IE不能!!!
- jquery关于遍历数组的一个问题
可以吧第二个参数放到bigimg上面去$(".item a img").hover(function() {
var tsrc = $(this).attr("src");
var link = $(this).parent().attr("href");
tsrc=tsrc.split('-')[0]+'-260x260.jpg';$(this).parent().parent().parent().append("<dd class='bigimg'><a href=''><img src = '' /></a></dd>");
$(this).parent().parent().parent().find(".bigimg").find("a").find("img").attr("src",tsrc);
$(this).parent().parent().parent().find(".bigimg").find("a").attr("href",link);
$(this).parent().parent().parent().find(".bigimg").css({position:'absolute',display:'block',overflow:'hidden',width:'260px',height:'260px',"z-index":'20',top:'0',left:'0'});
$(this).parent().parent().parent().find(".bigimg").hover(function(){},function(){
$(this).remove();
});
},function(){
});
$(".item a img").hover(function() {
var tsrc = $(this).attr("src");
var link = $(this).parent().attr("href");
tsrc=tsrc.split('-')[0]+'-260x260.jpg';
var parent = $(this).parent().parent().parent();
parent.append("<dd class='bigimg'><a href=''><img src = '' /></a></dd>");
parent.find(".bigimg").find("a").find("img").attr("src",tsrc);
parent.find(".bigimg").find("a").attr("href",link);
parent.find(".bigimg").css({position:'absolute',display:'block',overflow:'hidden',width:'260px',height:'260px',"z-index":'20',top:'0',left:'0'});
parent.find(".bigimg").hover(function(){},function(){
$(this).remove();
});
},function(){
});