帝国论坛帝国网站管理系统交流区帝国CMS使用交流[分享]ajax仿淘宝栏目拼音索引 【本版专题贴子】  
 1/4     1 2 3 4 ›› ›|
主题:[分享]ajax仿淘宝栏目拼音索引 [加入收藏夹]   

自摸帝国
用户头衔:进士

精华贴   :1
发贴数   :1111
经验值   :4890
注册时间:2007-08-16
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
[分享]ajax仿淘宝栏目拼音索引
有什么用就不说了,看淘宝首页的栏目分类就知道了。

演示效果图



在e目录下面建一个fenci文件夹,把附件的文件放在里面去。 修改文件diy.php即可。


在头部加
<script type="text/javascript" src="[!--news.url--]e/fenci/js/huadong.js"></script>
<script type="text/javascript" src="[!--news.url--]e/fenci/js/ajaxdiy.js"></script>

在要显示的位置加上:

<div  class="list_js">
<ul>
<li>拼音索引</li>
<li><a onmouseover='checkpro("A","uid")' href="#phome">a</a></li>
<li><a onmouseover='checkpro("B","uid")' href="#phome">b</a></li>
<li><a onmouseover='checkpro("C","uid")' href="#phome">c[ch]</a></li>
<li><a onmouseover='checkpro("D","uid")' href="#phome">d</a></li>
<li><a onmouseover='checkpro("E","uid")' href="#phome">e</a></li>
<li><a onmouseover='checkpro("F","uid")' href="#phome">f</a></li>
<li><a onmouseover='checkpro("G","uid")' href="#phome">g</a></li>
<li><a onmouseover='checkpro("H","uid")' href="#phome">h</a></li>
<li><a onmouseover='checkpro("I","uid")' href="#phome">i</a></li>
<li><a onmouseover='checkpro("J","uid")' href="#phome">j</a></li>
<li><a onmouseover='checkpro("K","uid")' href="#phome">k</a></li>
<li><a onmouseover='checkpro("L","uid")' href="#phome">l</a></li>
<li><a onmouseover='checkpro("M","uid")' href="#phome">m</a></li>
<li><a onmouseover='checkpro("N","uid")' href="#phome">n</a></li>
<li><a onmouseover='checkpro("O","uid")' href="#phome">o</a></li>
<li><a onmouseover='checkpro("P","uid")' href="#phome">p</a></li>
<li><a onmouseover='checkpro("Q","uid")' href="#phome">q</a></li>
<li><a onmouseover='checkpro("R","uid")' href="#phome">r</a></li>
<li><a onmouseover='checkpro("S","uid")' href="#phome">s[sh]</a></li>
<li><a onmouseover='checkpro("T","uid")' href="#phome">t</a></li>

<li><a onmouseover='checkpro("U","uid")' href="#phome">u</a></li>
<li><a onmouseover='checkpro("W","uid")' href="#phome">w</a></li>
<li><a onmouseover='checkpro("X","uid")' href="#phome">x</a></li>
<li><a onmouseover='checkpro("Y","uid")' href="#phome">y</a></li>
<li><a onmouseover='checkpro("Z","uid")' href="#phome">z[zh]</a></li>
</ul>
</div>
<div  class="menu_list" id='uid'></div>

即可

上传以下附件:
[下载 *.rar](文件大小:2.13 KB,下载次数:155)

[该贴被修改 4 次,最后修改时间 2009-10-31 10:21:06 ]


[专业建站/仿站 二次开发 插件定制!]
QQ/微信:6711729
2009-10-29 12:18:07 已设置保密 顶部 回复 引用 报告 编辑 删除

monface
用户头衔:秀才

精华贴   :0
发贴数   :65
经验值   :499
注册时间:2006-01-20
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 2 楼]

第一个顶,不错,厉害




2009-10-29 12:19:15 已设置保密 顶部 回复 引用 报告 编辑 删除

sonyr
用户头衔:秀才

精华贴   :0
发贴数   :54
经验值   :550
注册时间:2008-05-17
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

第二个顶,强大,好猛




2009-10-29 12:23:26 已设置保密 顶部 回复 引用 报告 编辑 删除

jikocop
用户头衔:书生

精华贴   :0
发贴数   :6
经验值   :40
注册时间:2009-10-18
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 4 楼]

添加时怎么会是一个竖排的呢??没办法横排吗??




2009-10-29 12:34:23 已设置保密 顶部 回复 引用 报告 编辑 删除

59966
用户头衔:探花

精华贴   :0
发贴数   :8493
经验值   :21585
注册时间:2008-11-17
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

支持




2009-10-29 12:34:38 已设置保密 顶部 回复 引用 报告 编辑 删除

自摸帝国
用户头衔:进士

精华贴   :1
发贴数   :1111
经验值   :4890
注册时间:2007-08-16
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 6 楼]

原帖由 jikocop 于 2009-10-29 12:34:23 发表
添加时怎么会是一个竖排的呢??没办法横排吗??


你css定义成你的样式就可以了呀。



[专业建站/仿站 二次开发 插件定制!]
QQ/微信:6711729
2009-10-29 12:36:08 已设置保密 顶部 回复 引用 报告 编辑 删除

自摸帝国
用户头衔:进士

精华贴   :1
发贴数   :1111
经验值   :4890
注册时间:2007-08-16
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 7 楼]




[专业建站/仿站 二次开发 插件定制!]
QQ/微信:6711729
2009-10-29 13:52:08 已设置保密 顶部 回复 引用 报告 编辑 删除

job888
用户头衔:进士

精华贴   :0
发贴数   :624
经验值   :1903
注册时间:2008-07-13
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 8 楼]

演示呢??????????



比价网www.bijia.net
返现宝www.fanxianbao.cn

2009-10-29 13:54:42 已设置保密 顶部 回复 引用 报告 编辑 删除

icc883
用户头衔:举人

精华贴   :0
发贴数   :337
经验值   :1776
注册时间:2008-04-28
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 9 楼]

演示呢??????????




2009-10-29 13:58:23 已设置保密 顶部 回复 引用 报告 编辑 删除

qq859856669
用户头衔:进士

精华贴   :0
发贴数   :457
经验值   :2268
注册时间:2008-06-14
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 10 楼]



上传以下图片:




承接:
-----帝国建站 仿站 改站-------
-----服务器 安全设置-------
-----PHP加密 破解--------
2009-10-29 14:06:33 已设置保密 顶部 回复 引用 报告 编辑 删除
 1/4     1 2 3 4 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1