jquery 图片放大镜例子 (同事ivy那里拿的)
<script type="text/javascript">
$(function(){
var x=10;
var y=10;
$("a.tooltip").mouseover(function(e){
var tooltip="<div id='tooltip'><img src='"+this.href+"' alt='商品預覽圖'/></div>";
$("body").append(tooltip);
$("#tooltip").css({
"top":(e.pageY+y)+"px","left":(e.pageX+x)+"px","position":"absolute","border":"1px solid #ccc","background":"#FFF"
}).show("fast");
}).mouseout(function(){
$("#tooltip").remove();
}).mousemove(function(e){
$("#tooltip").css({
"top":(e.pageY+y)+"px","left":(e.pageX+x)+"px"
});
});
});
</script>
$(function(){
var x=10;
var y=10;
$("a.tooltip").mouseover(function(e){
var tooltip="<div id='tooltip'><img src='"+this.href+"' alt='商品預覽圖'/></div>";
$("body").append(tooltip);
$("#tooltip").css({
"top":(e.pageY+y)+"px","left":(e.pageX+x)+"px","position":"absolute","border":"1px solid #ccc","background":"#FFF"
}).show("fast");
}).mouseout(function(){
$("#tooltip").remove();
}).mousemove(function(e){
$("#tooltip").css({
"top":(e.pageY+y)+"px","left":(e.pageX+x)+"px"
});
});
});
</script>
查看例子
jquery ajax删除的例子
JQuery 实现滚动体样式
