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

63 篇文章 1 订阅

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

 

111个JS菜单导航下载链接:https://pan.baidu.com/s/1WkrSIyHC5JySwrCTL0sgLA?pwd=13yx 
提取码:13yx

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

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


    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=[]

简单好看的导航栏特效代码

分享一款好看的粘性导航栏特效代码,该跳跃导航栏特效代码,每次点击时为要跟随的目标创建了一个自定义运动路径,可以轻松地为您的设计、动画或SVG粘性导航输入硬编码值。
 

可视化柱形图排序交换代码

可视化柱形图排序交换代码是利用HTML加CSS代码编程的排序方法,柱形图来展现数据可视化模型,冒泡排序可视化工具,供大家免费下载和在线预览。
 

JS左右滑动登陆注册表单代码

分享一款js左右晃动切换登陆注册表单设计代码,简洁利落的ui和滑动切换设计适用于任何网站的登陆注册。
 

jQuery可循环菜单切换代码

jQuery可循环菜单切换代码是一款利用DIV+jQuery组成的单页可循环菜单自动切换效果,常用于各种产品功能页面介绍。


    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)


 

HTML5炫酷粒子动画导航菜单特效

CSS3纵向导航二级下拉菜单栏

HTML5多功能粘性页脚导航菜单特效

CSS3 SVG带控件的顶部导航栏代码

jQuery蓝色响应式下拉菜单栏

jQuery黄色网站下拉菜单导航代码

jQuery响应式鼠标悬停导航菜单

12种风格的CSS3垂直导航菜单栏

CSS3通用顶部固定导航栏代码

CSS3购物网站导航菜单包合集

HTML5大气导航栏鼠标悬停特效

8款网站顶部导航栏样式特效

JS+CSS透明渐变导航栏特效

JS响应式导航菜单切换代码

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

JS网页顶部智能固定导航代码

jQuery网站导航下拉菜单实例

Bootstrap侧边栏后台菜单代码

jQuery内嵌iframe导航菜单

CSS3 3D导航栏旋转切换代码

jQuery绿色宽屏下拉导航菜单

jQuery仿苹果官网导航特效

CSS3蜂窝状快捷导航代码

jQuery响应式网站导航栏代码

纯CSS黑色固定导航菜单代码

HTML5响应式导航菜单特效

jQuery圆角修边导航菜单代码

jQuery响应式导航菜单代码

div+css餐饮分类导航菜单代码

jQuery无限极多级导航下拉菜单

CSS3自适应浏览器大小导航代码

jQuery手机端导航下拉菜单代码

jQuery百度知道下拉导航菜单代码

jQuery网站导航悬停下拉菜单代码

纯CSS3制作红色下拉导航菜单代码

jQuery网站建设公司导航代码

jQuery多组效果滑动导航栏代码

jQuery医院网站顶部导航代码

jQuery仿腾讯AI开发平台导航代码

纯CSS3网站下拉导航菜单代码

纯CSS3波浪状弹性菜单代码

jQuery响应式网站导航栏代码

jQuery鼠标悬停动画导航条

jQuery仿天猫分类菜单代码

div css网站左侧分类菜单代码

CSS3 3D效果网站导航菜单

jQuery驴妈妈旅游网导航扁平代码

CSS3弹性展开动画导航菜单代码

jQuery侧边栏滑动导航菜单代码

jQuery搜索框插件下拉菜单选择代码

jQuery绿色简洁三级下拉菜单代码

纯CSS3圆形主菜单展开特效

jQuery手机触屏滑动导航代码

js+css3下划线文字导航菜单特效

CSS3科技感环形菜单动画特效

js+css3右上角圆形菜单特效

jQuery鼠标悬停3d菜单展开动画

纯CSS3制作蓝色滑动下拉菜单

jQuery全屏大幅下拉菜单导航代码

jQuery黑色网站导航下拉菜单代码

jQuery动画下拉导航菜单代码

jQuery仿苹果官网导航菜单特效

jQuery仿网易新闻头部导航栏代码

jQuery大型下拉菜单插件booNavigation

jQuery滚动自动隐藏导航菜单代码

jQuery右侧可伸展固定浮动菜单代码

jQ鼠标滑过显示二级下拉菜单代码

CSS3鼠标悬停图标导航动画特效

Bootstrap遮罩移动导航菜单代码

jQuery SVG图标垂直导航菜单代码

js+css3制作响应式导航菜单代码

jQuery左上角圆形菜单展开收缩特效

jQuery响应式下拉导航菜单项

jQuery可展开收缩三级下拉菜单代码

jQuery网站导航菜单滑条代码

6款html5手机导航菜单特效

CSS3实现网页底部半圆展开导航特效

纯实现CSS3创意导航菜单特效

jQuery自适应横排下拉导航代码

jQuery手机端导航分类选项卡代码

jQuery响应式弹出菜单插件popmenu

jQuery响应式下拉导航菜单插件megamenu

CSS3鼠标划过样式导航菜单代码

蓝色风格阿里云导航菜单代码

jQuery企业网站多级导航菜单代码

CSS3动画过渡全屏导航菜单特效

jQuery鼠标悬停下拉导航菜单

html5触屏滑动侧边栏导航菜单特效

jQuery鼠标经过二级菜单下拉代码

Bootstrap手机导航下拉菜单代码

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鼠标点击水波动画竖直导航代码

小米官网css3导航菜单代码

jQuery元素漂浮抖动导航菜单

HTML5折叠卡片式下拉菜单代码

jQuery左上角点击下拉导航菜单

jQuery带下划线滑动二级菜单代码

jQuery下拉滑动切换导航条

jQuery带筛选功能垂直导航代码

jQuery黑色二级下拉导航菜单代码

jQuery+CSS3移动手机菜单代码

JS鼠标悬停滑动效果导航条

jQuery自适应窗口大小导航菜单

jQuery可智能判断下级菜单特效

div css下拉导航菜单分类代码

jQuery右下角旋转环状菜单代码

jQuery下拉选项卡横向导航代码

jQuery鼠标点击下拉显示信息代码

最后送大家一首诗:

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 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、付费专栏及课程。

余额充值