求一特效啊
现在在做一个网站啊！做到产品展示那！要找一种效果就是点产品的小图弹出产品的大图！产品的大图旁边还要有产品的文字说明啊！！1
哪位有这方面的特效啊给个啊！谢谢的 --------------------编程问答-------------------- jQuery 的 LightBox 插件。 --------------------编程问答-------------------- 静等结果了 --------------------编程问答-------------------- 用JS 做吧！
参考代码.......
<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<meta name="keywords" content="sssssssssssssssssssssssssssssss" />
<meta name="description" content="www.zzjs.net,bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb" />
<title>弹出说明框</title>
</head>
<body>
<a href="http://www.zzjs.net" target="_blank" onMouseOver="www_zzjs_net_show(this,event,'这里是你要的说明')" onMouseOut="www_zzjs_net_hide()">把鼠标放上来试试</a>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:seashell">
<layer name="nstip" width="1000px" bgColor="seashell"></layer>
</div>
<SCRIPT language="JavaScript">
<!--
if (!document.layers&&!document.all)
event="test"
function www_zzjs_net_show(current,e,text){
//fffffffffffffffffffffffffffffffffffffffffffff
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid #3399ff">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
//ccccccccccccccccccccccccccccccccccccccccccccccccccc
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function www_zzjs_net_hide(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
//bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}//aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
//-->
</SCRIPT>
</body>
</html>
复制 能直接运行.. opera ff 不兼容 --------------------编程问答-------------------- jquery 放大镜 --------------------编程问答-------------------- JQUERY 的使用 --------------------编程问答-------------------- 下载地址
演示地址 --------------------编程问答-------------------- 不是要放大镜的功能啊！ --------------------编程问答-------------------- JQUERY 的使用 --------------------编程问答-------------------- 我有一段写好的点击小图出现大图的特效代码，不过没有文字说明你可以用Js在图的旁边加上文字解释，要的话，把邮箱告诉我，我给你发一下！ --------------------编程问答-------------------- 参考 --------------------编程问答-------------------- 你可以按照上面的例子把图片的说明放在大图的下面 --------------------编程问答--------------------
www.lanrentuku.com懒人图库，这个网站里你需要的特效很多 ，去找找，下载过来改下宽度，高度什么的属性就可以直接用了
--------------------编程问答--------------------
Flex的可以吗
--------------------编程问答--------------------
silverlight示例里就有一个！
--------------------编程问答--------------------
特效参考
--------------------编程问答--------------------
jf jf jf
--------------------编程问答--------------------
这个自己做就行。。
先布局。。。小图的点击事件。。
给另一个img标签src赋大图的URL
名字可以取好点。。。便于修改。。
比如：小图名叫， img1.jpg ,大图名叫，img11,jpg。。。
只是举例。。这种就很好修改。。 --------------------编程问答-------------------- ThickBox3.1，在网上下载好 看看吧 --------------------编程问答-------------------- 这个方式太笨.呵呵 --------------------编程问答-------------------- sliverlight可以的
--------------------编程问答--------------------
--------------------编程问答--------------------
大家再帮忙想想的
--------------------编程问答--------------------
上面贴的代码 效果不合适？
还是我理解错了
这样吧 鼠标经过弹出DIV 应该就能实现你要的效果！
给你个链接 自己去看看吧！ 勤奋点自己改改应该就能用
http://www.niutuku.com/js/201008/84877/ --------------------编程问答-------------------- 其实就是个电子相册啦 推荐懒人图库 --------------------编程问答-------------------- 用JavaScript写了个例子，不知楼主是不是这个意思。
--------------------编程问答-------------------- 正解。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
img
{
margin-left:20px;
}
</style>
<script type="text/javascript">
var date = { "img/10s.jpg": ["img/10.jpg", "松鼠"], "img/20s.jpg": ["img/20.jpg", "狮子"], "img/30s.jpg": ["img/30.jpg", "大象"] };
function creatimg() {
for (var i in date) {
var img = document.createElement("img");
img.src = i;
img.setAttribute("a1",date[i][0]);
img.setAttribute("a2", date[i][1]);
img.onmousemove = function () {
var img = document.getElementById("img");
img.src = this.getAttribute("a1");
document.getElementById("p").innerHTML = this.getAttribute("a2");
document.getElementById("div").style.display = "";
document.getElementById("div").style.left = window.event.clientX + "px";
document.getElementById("div").style.top = window.event.clientY + "px";
};
document.body.appendChild(img);
}
}
function close1() {
document.getElementById("div").style.display = "none";
}
</script>
</head>
<body onload="creatimg()">
<div id="div" style="display:none; position:absolute;">
<p>
<img id="img" src="" />
</p>
<p id="p"></p>
<p><input type="button" value="关闭" onclick="close1()" /></p>
</div>
</body>
</html>
补充：.NET技术 , ASP.NET
