分享112个JS菜单导航,总有一款适合您

63 篇文章 1 订阅

分享112个JS菜单导航,总有一款适合您

 

112个JS菜单导航下载链接:https://pan.baidu.com/s/1Dm73d2snbu15hZErJjTXxg?pwd=fz1c 
提取码:fz1c

Python采集代码下载链接:https://wwgn.lanzoul.com/iKGwb0kye3wj

    base_url =  "https://sc.chinaz.com/" # 采集的网址
    save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
    sprider_count = 112#  正在采集第3页的第36个资源,共10页资源 debug
    sprider_start_count=111


    word_content_list = []
    folder_name = ""
    page_end_number=0
    max_pager=40 #每页的数量
    haved_sprider_count =0  # 已经采集的数量
    page_count = 1  # 每个栏目开始业务content="text/html; charset=gb2312"
    filter_down_file=[]

CSS带返回顶部右侧悬浮菜单

CSS带返回顶部右侧悬浮菜单是一款简洁红色简洁实用的的悬浮右侧底部在线客服QQ,带返回顶部功能。
 

html5顶部导航3D翻转展开特效

html5顶部导航3D翻转展开特效是一款基于jQuery+HTML5实现的3D翻转网站导航菜单代码。
 

jquery鼠标右键菜单多级导航代码

jquery鼠标右键菜单多级导航代码是一款基于gizmoMenu.js插件实现的鼠标右击菜单导航特效。
 

jQuery响应式多级下拉导航菜单特效

jQuery响应式多级下拉导航菜单特效是一款基于jQuery+CSS3实现的白色简洁样式风格网站导航代码。



    def sprider(self,title_name):
        """
       采集
       进度条 https://sc.chinaz.com/jiaoben/jindutiao.html
       在线客服 https://sc.chinaz.com/jiaoben/kefu.html
       幻灯片代码 https://sc.chinaz.com/jiaoben/huandengpian.html
       图片代码 https://sc.chinaz.com/jiaoben/tupiandaima.html
       相册代码 https://sc.chinaz.com/jiaoben/tupainxiangce.html
       焦点图代码 https://sc.chinaz.com/jiaoben/jiaodiantu.html
       菜单导航 https://sc.chinaz.com/jiaoben/caidanhaohang.html
       :return:
       """
        if title_name == "幻灯片代码":
            self.first_column_name = "jiaoben"
            self.folder_name = "JS幻灯片代码"
            self.second_column_name = "huandengpian"
        elif title_name == "菜单导航":
            self.first_column_name = "jiaoben"
            self.folder_name = "JS菜单导航"
            self.second_column_name = "caidanhaohang"
        elif title_name == "焦点图代码":
            self.first_column_name = "jiaoben"
            self.folder_name = "JS焦点图代码"
            self.second_column_name = "jiaodiantu"

        elif title_name == "图片代码":
            self.first_column_name = "jiaoben"
            self.folder_name = "JS图片代码"
            self.second_column_name = "tupiandaima"
        elif title_name == "相册代码":
            self.first_column_name = "jiaoben"
            self.folder_name = "JS相册代码"
            self.second_column_name = "tupainxiangce"
        elif title_name == "进度条":
            self.first_column_name = "jiaoben"
            self.folder_name = "JS进度条"
            self.second_column_name = "jindutiao"
        elif title_name == "在线客服":
            self.first_column_name = "jiaoben"  # 一级目录
            self.folder_name = "JS特效在线客服"
            self.second_column_name = "kefu"

        BaseFrame().right("本次采集参数:sprider_count=" + str(self.sprider_count) + "")
        BaseFrame().right("本次采集参数:title_name="+title_name+"")
        BaseFrame().right("本次采集参数:second_column_name=" + self.second_column_name + "")
        # self.folder_name = "JS表单验证"
        self.sprider_category = title_name  # 一级目录self.folder_name
        second_folder_name = str(self.sprider_count) + "个" + self.folder_name #二级目录
        self.sprider_type =second_folder_name
        self.merchant=int(self.sprider_start_count) //int(self.max_pager)+1 #起始页码用于效率采集
        #原始路径+一级目录+二级目录
        self.file_path = self.save_path + os.sep + "JS" + os.sep + self.folder_name  + os.sep + second_folder_name

        self.save_path = self.save_path+ os.sep + "JS" + os.sep+self.folder_name +os.sep + second_folder_name+ os.sep + self.folder_name
        BaseFrame().debug("开始采集ChinaZJS"+self.folder_name+"源码...")
        sprider_url = (self.base_url + "/{1}/{0}.html".format(self.second_column_name,self.first_column_name))

        down_path="D:\\Freedom\\Sprider\\ChinaZ\\JS\\"+self.folder_name +"\\"+second_folder_name+"\\Temp\\"
        if os.path.exists(down_path) is True:
            shutil.rmtree(down_path)
        if os.path.exists(down_path) is False:
            os.makedirs(down_path)

        if os.path.exists(self.save_path ) is True:
            shutil.rmtree(self.save_path )
        if os.path.exists(self.save_path ) is False:
            os.makedirs(self.save_path )
        chrome_options = webdriver.ChromeOptions()
        diy_prefs ={'profile.default_content_settings.popups': 0,
                    'download.default_directory':'{0}'.format(down_path)}
        # 添加路径到selenium配置中
        chrome_options.add_experimental_option('prefs', diy_prefs)
        chrome_options.add_argument('--headless') #隐藏浏览器

        # 实例化chrome浏览器时,关联忽略证书错误
        driver = webdriver.Chrome(options=chrome_options)
        driver.set_window_size(1280, 800)  # 分辨率 1280*800

        # driver.get方法将定位在给定的URL的网页,get接受url可以是任何网址,此处以百度为例
        driver.get(sprider_url)
        # content = driver.page_source

        element_list = driver.find_elements(By.CLASS_NAME, "picblock")  # 列表页面 核心内容
        #element_list = div_elem.find_elements(By.CLASS_NAME, 'item')
        #print(element_list.get_attribute('innerHTML'))

        laster_pager_div = driver.find_element(By.CLASS_NAME, "fenye")
        laster_pager_a =laster_pager_div.find_elements(By.TAG_NAME, 'a')
        laster_pager_url = laster_pager_a[len(laster_pager_a) - 2]
        page_end_number = int(laster_pager_url.text)
        self.page_count=self.merchant
        while self.page_count <= int(page_end_number):  # 翻完停止
            try:
                if self.page_count == 1:
                    self.sprider_detail(driver,element_list,self.page_count,page_end_number,down_path)
                    pass
                else:
                    if self.haved_sprider_count == self.sprider_count:
                        BaseFrame().debug("采集到达数量采集停止...")
                        BaseFrame().debug("开始写文章...")
                        self.builder_word(self.folder_name, self.word_content_list)
                        BaseFrame().debug("文件编写完毕,请到对应的磁盘查看word文件和下载文件!")
                        break
                    #(self.base_url + "/sort/{0}/{1}/".format(url_index, self.page_count))
                    #http://soft.onlinedown.net/sort/177/2/
                    #https://sc.chinaz.com/tag_jiaoben/tupianqiehuan_2.html
                    next_url = self.base_url + "/{2}/{0}_{1}.html".format(self.second_column_name, self.page_count,self.first_column_name)
                    driver.get(next_url)

                    element_list = driver.find_elements(By.CLASS_NAME, "picblock")  # 列表页面 核心内容
                    self.sprider_detail( driver, element_list, self.page_count, page_end_number, down_path)
                    pass
                #print(self.page_count)
                self.page_count = self.page_count + 1  # 页码增加1
            except Exception as e:
                print("sprider()执行过程出现错误:" + str(e))
                sleep(1)



 

jQuery垂直多级导航菜单代码

jQuery鼠标悬停上下滑动导航条

纯CSS3悬停图标旋转导航动画代码

Material Design滑动菜单导航代码

css3实现左侧菜单伸缩滑动特效

jQuery手机微信底部菜单代码

jQuery环形图标菜单旋转切换特效

纯css实现水平下拉导航菜单

jQuery弹性展开收缩菜单插件gooey.js

jQuery 3D响应式菜单导航特效

jquery metro拖动菜单代码

网站左侧下拉菜单jQuery代码

商城侧边导航定位jquery菜单

jquery天猫分类导航banner切换

纯CSS3制作华丽网站下拉菜单

jquery网站后台管理系统导航

jQuery动画二级下拉导航菜单

响应式下拉菜单插件jquery.cbFlyout

jQuery仿淘宝红色分类导航

jQuery实现TaoBaoUED左侧导航

jquery可控制二级导航方向代码

纯CSS实现网站三级菜单特效

仿爱淘宝分类伸缩jQuery导航

jQuery左侧垂直四级导航菜单特效

jQuery动画二级下拉菜单代码

jQuery企业网站半透明下拉导航

jquery背景滑动导航菜单代码

jQuery+html5手机导航菜单代码

jquery鼠标悬停滑动下拉菜单代码

jquery红色商城导航下拉菜单

jQuery回转下拉黑色二级菜单

css3鼠标悬停扇形打开菜单代码

jQuery网站滑动导航菜单特效

jQuery产品分类信息导航代码

jQuery动画悬浮图标菜单代码

jQuery垂直可折叠手风琴菜单

zepto手机端固定层图标导航菜单

jquery hover事件导航条

jquery鼠标悬停导航下划线滑出效果

js鼠标滑过展开下拉菜单

jQuery绿色风格滑动下拉导航

jQuery紫色不规则导航特效

jQuery扁平风格手风琴式菜单

jquery鼠标悬停缓慢下拉导航

jquery音乐网站竖直下拉菜单

jquery竖直手风琴导航菜单

jQuery响应菜单插件PgwMenu

jQuery菜单滑动伸展收缩特效

JS实现文字上下滑动导航

jQuery左侧焦点跟随导航菜单

jQuery巧克力色二级导航

jquery顶部固定导航下拉菜单

jQuery+CSS3动画弧形弹出菜单

jQuery火焰灯动画导航条

jquery仿腾讯云下拉导航

jquery顶部固定层下拉导航

jQuery网页侧边滑动展开导航

欧飞数卡jQuery分类导航

jQuery苹果风格手风琴菜单

jquery hover向下滑动导航

CSS3精美小图标菜单导航

CSS3菜单项宽度渐变动画

纯CSS3实现淡入淡出下拉菜单

jquery古典风格鼠标悬停导航

jquery淘宝电器左侧分类菜单

横向滚动jQuery导航代码

支付宝下拉菜单JS代码

仿马可波罗左侧商品列表导航菜单

CSS3鼠标悬停中英文切换导航

CSS3二级下拉动画滑动菜单

jquery竖直收缩导航菜单

jQuery蓝色二级导航菜单

jQuery网站三级下拉菜单

jQuery+CSS3橙色导航菜单

根据滚动自动调整导航栏大小

jQuery淡入淡出下拉菜单

jQuery可拖动图标导航菜单

腾讯视频+站酷jQuery导航

悬浮九宫格菜单jQuery插件

粉色二级下拉菜单列表效果

jQuery黄色下拉滑动导航菜单代码

jQuery实现图片滑动导航菜单

jQuery右侧弹出全屏覆盖菜单

import os

def void_file(dirPath):
    dirs = os.listdir(dirPath)  # 查找该层文件夹下所有的文件及文件夹,返回列表
    for file in dirs:
        file_full_name = dirPath + '/' + file
        file_ext = os.path.splitext(file_full_name)[-1]
        if file_ext is None  or file_ext=="":
            continue

        if "rar" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
        if "zip" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
        if "gz" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
        if "tgz" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)

# 查找指定文件夹下所有相同名称的文件
def search_file(dirPath, fileName):
    dirs = os.listdir(dirPath)  # 查找该层文件夹下所有的文件及文件夹,返回列表
    for currentFile in dirs:  # 遍历列表
        absPath = dirPath + '/' + currentFile

        if os.path.isdir(absPath):  # 如果是目录则递归,继续查找该目录下的文件
            search_file(absPath, fileName)
        elif currentFile == fileName:
            print(absPath)  # 文件存在,则打印该文件的绝对路径
            os.remove(absPath)

jQuery无序列表的下拉菜单

jquery多级下拉侧导航amazonmenu

jquery缓冲下拉导航菜单特效

jQuery缓慢弹出下拉导航

jQuery右键菜单插件context.js

jquery顶部下拉菜单插件foldit

CSS3实现黑色卷角翻页导航条

js仿新浪游戏频道导航条

仿2014新版天猫分类导航菜单代码

w3cfuns网站jquery导航条

jQuery实现垂直滚动菜单效果

jquery菜单插件jGlideMenu

三款动画导航jquery.lavalamp

JSON无限折叠菜单特效

纯CSS3实现灰白色下拉导航

jquery滚动下拉显示左右浮动导航

jquery左侧固定悬浮二级菜单

js展开叠起来分类导航

jquery展开收缩手风琴菜单

jQuery+CSS3垂直菜单效果

水平垂直无限下拉jQuery导航

jQuery上下滑动及左右切换导航

jquery hover鼠标滑过动画导航条

jquery图标多功能下拉导航

JS+CSS3角度页面视图导航

最后送大家一首诗:

山高路远坑深,
大军纵横驰奔,
谁敢横刀立马?
惟有点赞加关注大军。
 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: 当然,我可以帮您写一个动态的风景网站。首先,您需要选择一个适合您网站的主题和风格。然后,您可以使用 HTML、CSS 和 JavaScript 等技术来创建您的网站。您可以使用一些库和框架来简化开发过程,例如 Bootstrap、jQuery 和 React 等。最后,您需要将您的网站部署到一个 Web 服务器上,以便用户可以访问它。 ### 回答2: 如果你想要一个动态的风景网站,首先你需要一个有吸引力的设计来展示不同的风景图片和景点。你可以选择一个简洁而现代的布局,以确保网站访问者能够很容易地浏览和导航。 在你的网站首页,你可以添加一个滚动的图片幻灯片来展示不同的风景照片。这样,访问者可以立即感受到你的网站所提供的美丽景色。你可以选择一些具有代表性的风景图片,并使用过渡效果使页面更具吸引力。 在导航菜单中,你可以设置不同的分类,如山脉、湖泊、海滩等。这样用户可以根据自己的兴趣浏览和浏览特定类型的景点。另外,你还可以添加一个搜索栏,以便用户可以根据地理位置或关键词来搜索他们感兴趣的风景。 为了增加互动性,你可以在网站上添加一些交互式功能。例如,你可以创建一个旅游日记的板块,让用户分享他们的旅行经历和图片。此外,你还可以包括用户评论和评分功能,让用户可以在网站上分享他们对特定景点的观点和建议。 最后,确保你的网站是响应式设计的,适用于不同的屏幕大小和设备类型,包括手机和平板电脑。这将确保用户可以在任何设备上都能方便地访问和浏览你的网站,为他们提供精彩的风景照片和旅行灵感。 总之,一个动态的风景网站需要具有吸引人的设计和交互功能,并适用于不同的设备。通过展示多样化的风景图片和景点,并提供用户互动的功能,你的网站将为访问者带来视觉和体验上的享受。 ### 回答3: 建立一个动态的风景网站需要考虑以下几个方面: 1. 网站设计:首先,设计一个简洁而美观的网站界面,包括适当的颜色搭配和艺术元素。考虑使用响应式设计,以便在各种屏幕上都能正常显示。 2. 图片和视频展示:收集高质量的风景图片和视频,包括山脉、湖泊、海洋、森林等多种风景。确保这些素材能够动态显示,如自动滚动、渐变过渡等。 3. 地理位置功能:为用户提供一个交互式地图,标注各个风景地点的具体位置。用户可以通过点击地图上的图标或导航菜单来查看特定地点的动态风景图片和详情。 4. 信息和故事分享:除了展示图片和视频,也可以添加一些关于风景地点的信息、历史背景、当地文化等,以提供更丰富的内容给用户。允许用户也能够提交自己的图片和故事,以促进用户之间的互动和分享。 5. 天气预报:提供每个风景地点的实时或未来几天的天气预报,帮助用户计划自己的行程。这个功能可以通过与气象服务机构的数据接口实现。 6. 用户反馈和评分:为用户提供一个评论和评分功能,让他们能够分享他们对风景地点的体验和观点,同时也可以让其他用户参考这些评论来选择自己的旅行目的地。 7. 社交媒体整合:将网站与各种社交媒体平台整合,让用户能够通过社交媒体分享自己喜欢的图片和视频。这样可以扩大网站的影响力,吸引更多的用户。 总结来说,一个动态的风景网站应该包含了交互性强的地图、高质量的图片和视频展示、天气预报、用户反馈等功能,并能与社交媒体平台互动。这样的网站可以为用户提供美丽的风景照片和信息,激励他们去探索、分享和欣赏大自然的壮丽景色。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

亚丁号

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值