精简鼠标滑动门特效

最新推荐文章于 2021-06-09 19:33:57 发布
最新推荐文章于 2021-06-09 19:33:57 发布
阅读量123 收藏
点赞数
文章标签： 公告 jQuery SQL HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hackpk118/article/details/83842733
版权
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$GetSiteTitle}</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv=Content-Type content="text/html; charset=gb2312">
<link href="{$GetInstallDir}images/style.css" type=text/css rel=stylesheet>
</head>
<body>
<!--鼠标滑动特效start-->
<SCRIPT type=text/javascript>
jQuery(document).ready(function(){
var SDmodel = new scrollDoor();
SDmodel.sd(["m01","m02","m12"],["c01","c02","c12"],"sd01","sd02");
SDmodel.sd(["m10","m11","m16"],["c10","c11","c16"],"sd01","sd02");
SDmodel.sd(["m13","m14","m15"],["c13","c14","c15"],"sd01","sd02");
SDmodel.sd(["m17","m18","m19"],["c17","c18","c19"],"sd01","sd02");

})
</SCRIPT>
<!--鼠标滑动特效end-->
<!--网站头部通用-->
{LB_头部通用}
<!--头部搜索-->
<div class="clear"></div>
<div class="searchbg">
<div class="search">{$GetSearch}</div>
<div class="tags">关键词： {=GetTags(1,5)}</div>
</div>
<div class="clear"></div>

<!--广告一-->
<div class="ad1"><a href="" target="_blank"><img src="{$GetInstallDir}images/pj.gif" alt=""></a></div>

<!-- 顶部结束 -->

<!--首页主体开始-->

<!--第一版块开始-->

<div class="content">
<!--左-->
<div class="content_l">
<div class="flashhd">{LB_首页幻灯片文章}</div>
<div class="clear"></div>
<div class="dongtai">
<!--最新动态-->
<div class="scrollFrame">
<ul class="scrollUl">
<li class="sd01" id=m01>最新专题</li>
<li class="sd02" id=m02>本站动态</li>
<li class="sd02" id=m12>在线PK<img src="{$GetInstallDir}images/icon_new.png" align="absmiddle" /></li>
</ul>
<div class="bor03 cont">
<div class="display" id=c01>
<ul class="news_zt">
{LB_最新专题}
</ul>
</div>

<div class="hidden" id=c02 >
<ul>
{LB_网站公告}
</ul>
</div>

<div class="hidden" id=c12 >
<ul>{SQL_最新PK()}</ul>
</div>
</div>
</div>

<!--最新动态结束-->
</div>

</div>
<!--中-->
<div class="content_m">
{SQL_通用头条(20097062465721)}
<div class="dotline clear"></div>
<!--热点新闻开始-->
<div class="hotnews">
{LB_首页最新文章}
</div>
<!--热点新闻结束-->

</div>

<!--右-->
<div class="content_r">
<div class="rightbox1">
<div class="righttitle"><span class="more"><a href="http://bbs.kesion.com" target="_blank">官方论坛</a></span>论坛新帖</div>
<div class="rightbox1l">
<ul>
{LB_最新帖子}
</ul>
</div>
</div>
<div class="clear"></div>
<div class="rightbox2">
<div class="righttitle"><span class="more"></span>在线投票</div>
<div class="rightbox2l">
<ul>
{=GetVote(32)}
</ul>
</div>
</div>

</div>
</div>

<!--第一版块结束-->

<div class="clear"></div>


<!--第五版块开始-->
<div class="content">
<div class="content5l">
<!--最新动态-->
<div class="scrollFrame4">
<ul class="scrollUl4">
<li class="navleft">新闻</li>
<li class="sd01" id=m13>国内</li>
<li class="sd02" id=m14>国际</li>
<li class="sd02" id=m15>社会</li>
</ul>
<div class="bor03 cont">
<div class="display" id=c13>
<ul>
{LB_国内新闻}
</ul>
</div>

<div class="hidden" id=c14 >
<ul>
{LB_国际新闻}
</ul>

</div>

<div class="hidden" id=c15 >
<ul>
{LB_社会新闻}
</ul>

</div>

</div>
</div>

<!--最新动态结束-->

</div>
<div class="content5m">
<!--最新动态-->
<div class="scrollFrame4">
<ul class="scrollUl4">
<li class="navleft">房产</li>
<li class="sd01" id=m10 >楼市速递</li>
<li class="sd02" id=m11>看房日记</li>
<li class="sd02" id=m16>买房支招</li>
</ul>
<div class="bor03 cont">
<div class="display" id=c10>
<ul>
{LB_楼市速递}
</ul>
</div>

<div class="hidden" id=c11 >
<ul>
{LB_看房日记}
</ul>

</div>

<div class="hidden" id=c16 >
<ul>
{LB_买房支招}
</ul>

</div>
</div>
</div>

<!--最新动态结束-->
</div>
<div class="content5r">
<div class="righttitle"><span class="more"><a href="{$GetInstallDir}?do=reg" target="_blank">免费注册会员</a></span>活跃之星</div>
<div class="content5rbox">
<ul>
{=GetTopUser(9,)}
</ul>
</div>
</div>
</div>


<!--第五版块结束-->


<div class="clear"></div>

<!--广告一-->
<div class="ad1"><a href="http://www.kesion.com" target="_blank"><img src="{$GetInstallDir}images/pj.gif" alt="kesioncms"></a></div>



<!--第四版面开始-->


<div class="clear"></div>



<!--第五版块开始-->
<div class="content">
<div class="content7l">
<!--最新动态-->
<div class="scrollFrame4">
<ul class="scrollUl4">
<li class="navleft">房源信息</li>
<li class="sd01" id=m17>最新出售</li>
<li class="sd02" id=m18>最新出租</li>
<li class="sd02" id=m19>房友问房</li>
</ul>
<div class="bor03 cont">
<div class="display" id=c17>
<ul>
{LB_最新出售}
</ul>
</div>

<div class="hidden" id=c18 >
<ul>
{LB_最新出租}
</ul>

</div>

<div class="hidden" id=c19 >
<ul>
{LB_房友问房}
</ul>

</div>

</div>
</div>

<!--最新动态结束-->

</div>

<div class="content7r">
<div class="righttitle"><span class="more"></span>网友动态</div>
<div class="content7rbox">
<ul>
{=GetUserDynamic(6)}
</ul>
</div>
</div>
</div>


<!--第五版块结束-->
<div class="clear"></div>




<!--广告一-->
<div class="ad1"><a href="http://www.kesion.com" target="_blank"><img src="{$GetInstallDir}images/pj.gif" alt="kesioncms"></a></div>
<div class="clear"></div>



<!--第二版块开始-->
<div class="content">
<!--美图欣赏-->
<div class="content2l">
<div class="content2ltit"><span class="more"><a href="{$GetInstallDir}html/tppd/" target="_blank"><img src="{$GetInstallDir}images/more2.gif" /></a></span>美图欣赏</div>
<div class="content2lbox">
<ul>
{LB_首页美图欣赏}
</ul>
</div>
</div>
<!--美图欣赏end-->

<!--首页源码下载-->
<div class="content2r">
<div class="righttitle"><span class="more"><a href="{$GetInstallDir}html/xzpd/" target="_blank">更多</a></span>网站源码下载</div>
<div class="content2rbox">
<ul>
{LB_首页源码下载}
</ul>
</div>
</div>
<!--首页源码下载end-->
</div>




<div class="clear"></div>
</body>
</html>
hackpk118
关注
bootstrap TAB选项卡鼠标经过滑动门效果
t1159385790的专栏
05-21 7981
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Brea
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
qq_36609655的博客
07-02 1万+
第1章Html   Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。 就是给文本加上含有语义的标签。 接下来应该学习更多具体语义标签： 一、结构（固定的结构）   &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;bod...
鼠标点击滑动门代码
12-29
鼠标点击滑动门代码
[网页]js滑动门类实例
12-17 75
<!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> &...
js滑动门
applechong的专栏
08-31 92
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta h
多个滑动门
01-18 760
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><FCK:meta http-equiv="Content-Type" content="text/html; charse
手工打造分离式滑动门导航菜单
wujf1986630的专栏
07-28 886
导言：本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单，从思路、原理、步骤，手段可谓“无所不用其极”，即便你是菜鸟，相信你看了本文后，也能打造出属于自己的超级漂亮的标准导航菜单。本菜单无冗余结构，利于数据动态输出，非常适合于用在平常的项目中去。本教程中讲到了基本的
手工打造极酷的分离式滑动门导航菜单
weixin_34008784的博客
03-15 242
手工打造极酷的分离式滑动门导航菜单 作者：冰极峰   转载请注明出处 导言：本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单，从思路、原理、步骤，手段可谓“无所不用其极”，即便你是菜鸟，相信你看了本文后，也能打造出属于自己的超级漂亮的标准导航菜单。本菜单无冗余结构，利于数据动态输出，非常适合于用在平常的项目中去。本教程中讲到了基本的滑动门原理，相信对那些还在这条路上摸索...
android安卓源码海量项目合集打包-1
热门推荐
chenhao0568的专栏
06-11 13万+
下载地址 最后更新共计113个分类5177套源码29.2 GB。 卷 新加卷 的文件夹 PATH 列表 卷序列号为 00000200 5E7A:7F30 F:. ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签的灵活运用.rar │ │ Android 实现 标签 拖动 改变位置.rar │ │ android 流式布局和热门标签.zip │ │ ...
js鼠标移上去变化图片特效，精简算法版本特效代码
03-20
这个“js鼠标移上去变化图片特效，精简算法版本特效代码”提供了一种高效且简洁的方法来实现这一效果。下面将详细讲解这个知识点。 首先，我们需要了解JavaScript中的事件监听。在这个特效中，主要用到的是`...
精简滑动验证
06-01
在"精简滑动验证"中，我们主要关注的是如何用JavaScript和jQuery来实现这一功能，同时保持用户体验的简洁和高效。 一、JavaScript与jQuery基础 在创建滑动验证之前，我们需要对JavaScript和jQuery有一定的了解。...
js鼠标移上去变化图片特效，精简算法版本.zip
07-04
这个"js鼠标移上去变化图片特效，精简算法版本.zip"压缩包提供了实现这一功能的简洁代码示例。下面我们将深入探讨相关知识点。 首先，我们来理解这个特效的基本原理。当用户将鼠标移动到图片元素上时，原图片会被另...
jQuery精简滑动验证
06-01
**jQuery精简滑动验证**是一种常见的前端交互技术，用于增强网站的安全性和用户体验。它通常应用于注册、登录或支付等需要验证用户身份的场景，通过用户手动滑动一个图形条来完成验证，防止自动化脚本的恶意操作。在...
重用通用滑动门脚本原生js 兼容多平台
07-27
原生JS编写的滑动门效果 重用性高，精简代码 重用通用滑动门脚本原生js 兼容多平台
html5导航 按钮,CSS实例:超酷的网站导航按钮
weixin_36157837的博客
06-09 507
CSS实例:超酷的网站导航按钮互联网 发布时间：2009-04-02 19:35:20 作者：佚名 我要评论网页制作Webjx文章简介：本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单.导言：本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单，从思路、原理、步骤，手段可谓“无所不用其极&r本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导...
基于asp.net的工作流程审批系统设计与实现.docx
09-30
基于asp.net的工作流程审批系统设计与实现.docx
这是各种对象检测数据集的预处理相关工具脚本的集合.zip
最新发布
09-30
这是各种对象检测数据集的预处理相关工具脚本的集合
基于asp.net的驾校理论考试网上模拟系统设计与实现.docx
09-30
基于asp.net的驾校理论考试网上模拟系统设计与实现.docx
精简Java JRE步骤详解
"本文主要介绍如何最大化精简Java运行时环境（JRE），使得Java程序在不同平台上能够轻量级地运行。通过一系列步骤，我们可以有效地减小JRE的体积，提高程序的启动效率和资源利用率。" 在精简JRE的过程中，我们需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值