当前位置： 首页 > news >正文

用老域名做新网站wordpress+引用+样式

news 2025/9/18 4:48:16
用老域名做新网站,wordpress+引用+样式,烟台百度网站排名,wordpress jnews分享福州网论坛fuzhou99.com帖子页面的绝对定位浮动导航条返回顶部的JS效果，点击导航条栏目会出现伸缩展开隐藏层特效，当滚动滚动条时”返回顶部“隐藏按钮就会出现，还有一些其他的特效功能，这边不多说了，如果需要可以…

分享福州网论坛fuzhou99.com帖子页面的绝对定位浮动导航条+返回顶部的JS效果，点击导航条栏目会出现伸缩展开隐藏层特效，当滚动滚动条时”返回顶部“隐藏按钮就会出现，还有一些其他的特效功能，这边不多说了，如果需要可以自己复制代码试一下，或者访问www.fuzhou99.com的帖子或列表页面查看演示。

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body{ background-color:#bbac85;}
ul,li{ margin:0px; padding:0px; list-style:none;}
.navbox{ width:95px; height:auto;z-index:99; left:2px; bottom:5px;POSITION:fixed;_position:absolute; _margin-top:expression(document.documentElement.clientHeight-this.style.pixelHeight+document.documentElement.scrollTop); font-family: "宋体";}
.mj_nav{ width:93px; height:auto; border:1px solid #806f5f; background-color:#f3f3f3; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; padding-bottom:15px;}
.mj_nav_bt{ width:93px; height:30px; background-color:#806f5f; font-size:14px; font-weight:bold; line-height:30px; text-align:center; color:#fde399; margin-bottom:10px;}
.mj_nav_list{ width:83px; height:auto; padding:0px 5px;}
.nav_span{ display:block; width:68px; padding-left:15px; height:24px; line-height:24px; background-image:url(http://www.fuzhou99.com/img/mjnav.gif); background-repeat:no-repeat; background-position:5px 8px; color:#594d42; font-size:14px; cursor: pointer;}
.mj_sn{ background-position:5px -12px;}
.mj_nav_list ul{ width:68px; height:auto; padding:0px 0px 15px 15px; display:none;}
.mj_nav_list li{ width:68px; height:24px; line-height:24px; font-size:14px; overflow:hidden;}
.mj_nav_list li a{ color:#0a57b7; text-decoration: underline;}
.mj_nav_list li a:hover{ color: #FF6600;}
.guanbi,.gotop{ width:93px; height:30px; line-height:30px; border:1px solid #806f5f; background-color:#f3f3f3; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; text-align:center; font-size:14px; color:#594d42; margin-top:3px; cursor: pointer;}
.gotop{ display:none;}.zhangkai{ width:20px; height:auto; padding:10px 5px; line-height:20px; font-size:14px; text-align:center;-webkit-border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px; border:1px solid #806f5f; background-color:#f3f3f3; POSITION:fixed;_position:absolute; _margin-top:expression(document.documentElement.clientHeight-this.style.pixelHeight+document.documentElement.scrollTop); z-index:100; left:0px; bottom:150px; display:none; cursor: pointer; color:#594d42;}
.xx{ height:1000px;}
</style><script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
<script type="text/javascript">$(document).ready(function(){$(".mj_nav_list span").click(function(){$(".mj_nav_list span").not($(this)).removeClass("mj_sn");$(this).toggleClass("mj_sn");$(".mj_nav_list ul").not($(this).next()).slideUp();$(this).next().slideToggle(500);//$(this).next().toggle();});$(window).scroll(function(){if ( $(window).scrollTop() > 50 ){$(".gotop").fadeIn(800);} else {$(".gotop").fadeOut(500);};});$(".gotop").click(function(){$(window).scrollTop(0);});$(".guanbi").click(function(){$(".navbox").hide();$(".zhangkai").show();});$(".zhangkai").click(function(){$(this).hide();$(".navbox").show(500);});});</script>
</head><body>
<div class="navbox">
<div class="mj_nav">
<div class="mj_nav_bt">论坛导航</div>
<div class="mj_nav_list">
<span class="nav_span">福州论坛</span>
<ul>
<li><a href="http://www.fuzhou99.com/forum-2-1.html" title="福州论坛-福州BBS">福州论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-30-1.html" title="福州夜店论坛-福州酒吧论坛">酒吧\夜店论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-9-1.html" title="福州活动论坛-户外活动|聚会活动|公益活动">活动召集</a></li>
<li><a href="http://www.fuzhou99.com/forum-8-1.html" title="福州交友论坛-找男友、找女友">福州交友</a></li>
<li><a href="http://www.fuzhou99.com/forum-15-1.html" title="福州电影院-福州电影爱好者交流论坛">福州电影院</a></li>
<li><a href="http://www.fuzhou99.com/forum-33-1.html" title="福州宠物论坛-福州宠友俱乐部">宠物论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-35-1.html" title="福州大利嘉城论坛-福州大利嘉城IT数码情报论坛">大利嘉论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-16-1.html" title="心理测试">心理测试</a></li>
<li><a href="http://www.fuzhou99.com/forum-17-1.html" title="笑话吧">笑话吧</a></li>
<li><a href="http://www.fuzhou99.com/forum-29-1.html"  title="福州彩票论坛-体彩论坛、福彩论坛">彩票论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-25-1.html" title="股票论坛">股票论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-26-1.html" title="电脑论坛">电脑论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-31-1.html" title="福州公交论坛-的士论坛">福州公交</a></li>
</ul>
</div><div class="mj_nav_list">
<span class="nav_span">分类信息</span>
<ul>
<li><a href="http://www.fuzhou99.com/forum-22-1.html" title="福州房屋出租">房屋出租</a></li>
<li><a href="http://www.fuzhou99.com/forum-18-1.html" title="福州招聘求职-福州人才网">招聘求职</a></li>
<li><a href="http://www.fuzhou99.com/forum-23-1.html" title="福州二手交易市场">二手交易市场</a></li>
<li><a href="http://www.fuzhou99.com/forum-7-1.html"  title="福州商家优惠打折促销信息">商家优惠促销信息</a></li>
<li><a href="http://www.fuzhou99.com/forum-19-1.html" title="福州订餐网">福州订餐</a></li>
<li><a href="http://www.fuzhou99.com/forum-24-1.html" title="福州团购活动">团购活动</a></li>
<li><a href="http://www.fuzhou99.com/forum-20-1.html" title="福州综合服务">综合服务</a></li>
<li><a href="http://www.fuzhou99.com/forum-34-1.html" title="福州拼车网-福州拼车论坛">福州拼车</a></li>
<li><a href="http://www.fuzhou99.com/forum-28-1.html" title="福州商家通讯录-福州黄页">商家通讯录</a></li>
</ul>
</div><div class="mj_nav_list">
<span class="nav_span">八县论坛</span>
<ul>
<li><a href="http://www.fuzhou99.com/forum-4-1.html" title="福清论坛">福清论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-5-1.html" title="长乐论坛">长乐论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-6-1.html" title="平潭论坛">平潭论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-10-1.html" title="连江论坛">连江论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-11-1.html" title="闽候论坛">闽候论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-12-1.html" title="闽清论坛-梅城论坛">闽清论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-13-1.html" title="罗源论坛">罗源论坛</a></li>
<li><a href="http://www.fuzhou99.com/forum-14-1.html" title="永泰论坛">永泰论坛</a></li>
</ul>
</div>
</div><div class="gotop">返回顶部</div>
<div class="guanbi">点击关闭</div>
</div><div class="zhangkai">论坛栏目导航</div>
<div class="xx"></div>
</body>
</html>


http://www.yayakq.cn/news/64575/

相关文章：

  • 做网站前台有什么要求网站开发如何引用函数
  • 网站推广的公司哪家好wordpress老是有人注册
  • 深圳论坛网站建设如何下载网站模板
  • 中国建设银行官网站额度申请深圳住房和建设局网站官网
  • 哈尔滨模板建站品牌wordpress与ftp
  • 上海建站 seo哪个网站可以做化学实验
  • 高埗仿做网站网站开发不用框架?
  • 怎么到国外网站去接模具订单做郑州网站建设代运营
  • 公司刚做网站在那里找图片做pc端自适应网站模板
  • 8免费网站建站手机网站建设知识
  • 哈尔滨网站设计模板软件外包平台找哪家好
  • 太原网站 制作ui设计的基本流程
  • 网站导航栏的作用湖南省建筑工程信息网
  • 电商网站用什么做的旅游网站开发结束语
  • 建网站做站长怎么赚钱怎么把自己做的网站放上网络
  • 工信部网站备案系统怎么注册什么网站可以做公共基础知识
  • 石家庄站在哪个区上海物联网app开发公司
  • 怎么用阿里的域名 做网站葫芦岛住房和城乡建设厅网站
  • 做下载网站挣钱吗怎么样建立自己的网页
  • 如何将网站排名做高wordpress主题极简cho
  • 网站建设合同范本下载福田欧辉氢燃料电池客车
  • 上海网站开发公司哪家好wordpress网站外包
  • 岳阳网站建设收费标准满天星建设网站
  • 工厂怎么做网站购物网站建设教程
  • 杭州高端网站建设公司哪家好网页设计与制作试卷分析
  • 充值网站架设长沙人才招聘网长沙58同城招聘网
  • 永登县建设局网站网页空间免费申请
  • asp做的网站缺点做网站网址怎么弄
  • 网站建设的计划书微信推广联盟
  • 长春网上建设网站1建设网站的重要性