jQuery横向擦除焦点图特效代码分享

(编辑：jimmy 日期: 2026/1/17 浏览：2)

本文实例讲述了jQuery横向擦除焦点图特效。分享给大家供大家参考。具体如下：
迅雷jQuery横向擦除焦点图是一款基于jQuery实现的7屏横向擦除焦点图代码，有缩略图和标题，可以自定义标题。
运行效果图：-------------------查看效果下载源码-------------------

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。
（1）在head区域引入CSS样式：

<link rel="stylesheet" href="css/zzsc.css">

（2）js代码放在文档最底端：

<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.js">

为大家分享的jQuery横向擦除焦点图特效代码如下




<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>迅雷jQuery横向擦除焦点图</title>
<link rel="stylesheet" href="css/zzsc.css">
<base target="_blank">
</head>
<body>
<!-- 代码 开始 --><br /><br />
<div class="focus">
 <div class="focusbox">   
  <div class="focusimg">
  <ul class="fimglist clearfix">
   <li><a href="https://www.jb51.net/jiaoben/"><img src="/UploadFiles/2021-04-02/Gintama.jpg">

以上就是为大家分享的迅雷jQuery横向擦除焦点图特效代码，希望大家可以喜欢，并应用到实践中。

上一篇：js实现鼠标点击左上角滑动菜单效果代码

下一篇：利用HTML5的画布Canvas实现刮刮卡效果