网络编程 
首页 > 网络编程 > 浏览文章

鼠标悬浮停留三秒后自动显示大图js代码

(编辑:jimmy 日期: 2025/5/11 浏览:3 次 )

鼠标悬浮停留三秒后显示大图,在网页中还是比较实用的

<style>
*{margin:0;padding:0;list-style-type:none;}
img,a{border:0;}
.piccon{height:75px;margin:100px 0 0 50px;}
.piccon li{float:left;padding:0 10px;}
#preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;z-index:2000;}
</style>
<script type="text/javascript">
this.imagePreview = function(){

xOffset = 10;
yOffset = 30;
var urll;
$(".widget .ks-content a,.box .ks-switchable-content div li a").hover(function(){
//$(".widget .ks-content a").hover(function(e){
//var goods_id = $(this).attr("href").replace("goods/", "");
var goods_id = $(this).attr("href").replace("index.php", "");
this.t = this.title;
this.title = " ";
var c = (this.t != "") "<br/>" + this.t : " ";

$.post("index.php", {goods_id: goods_id},function(data){
$.ajaxSettings.async = false;
if(data!=0){
urll = data;

$("body").append("<div id='preview'><img src="/UploadFiles/2021-04-02/+ urll +">

上一篇:JQuery实现当鼠标停留在某区域3秒后自动执行
下一篇:使用typeof方法判断undefined类型
Windows上运行安卓你用过了吗
在去年的5月23日,借助Intel Bridge Technology以及Intel Celadon两项技术的驱动,Intel为PC用户带来了Android On Windows(AOW)平台,并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版,将Windows与安卓两大生态进行了融合,PC的使用体验随即被带入到了一个全新的阶段。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap