分享116个JS图片代码，总有一款适合您
116个JS图片代码下载链接：https://pan.baidu.com/s/1ebJsZ5s3GAhetqfJiA1ohg?pwd=e973
提取码：e973
Python采集代码下载链接：https://wwgn.lanzoul.com/iKGwb0kye3wj
Jquery图片展示放大增加代码
jQuery图片查看器代码
jQuery轮播图平滑自动播放代码
电商网店主图展示代码
图像叠加滑块特效代码
曲面屏图片高亮特效代码
时间轴图片切换代码
Css3图片棋盘动画特效
电商网店主图sku代码
Html5图片悬浮效果代码
html图片缩放悬停动画效果
CSS3菜单悬停滑动效果图片
html图片悬停代码效果
js鼠标滑动图片显示边框特效
鼠标拖拽图片弹性滑块效果
import os
import shutil
import time
from time import sleep
from docx import Document
from docx.shared import Inches
from framework.base.BaseFrame import BaseFrame
from sprider.business.SeleniumTools import SeleniumTools
from sprider.business.SpriderTools import SpriderTools
from selenium import webdriver
from selenium.webdriver.common.by import By
from sprider.model.SpriderEntity import SpriderEntity
from sprider.access.SpriderAccess import SpriderAccess
title_name = "图片代码"
class ChinaZJsSelenium:
base_url = "https://sc.chinaz.com/" # 采集的网址
save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
sprider_count = 116# 采集数量
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=[]
def __init__(self):
pass
黑白图片文本覆盖效果
CSS3鼠标滑过图片产生渐变色覆盖特效
SVG实现的图片波浪效果渲染动画
jQuery滚动添加或减少图片特效
jQuery全屏点击图片弹出查看器
jQuery图片展示插件
CSS+HTML图片滑动浏览效果
HTML+CSS图片简介排版样式
12种网站图片展示带悬停效果
HTML5文章图片滚动视差显示特效
HTML5悬停其他图片模糊特效
JS圆圈向外扩散放大图片特效
JS壁挂式相框图片展示特效
HTML5鼠标点击生成单色植物图片
CSS3 3D魔方旋转图片切换查看特效
CSS3鼠标悬停图片高亮显示特效
5种CSS3鼠标悬停图片显示文字信息
CSS3筛选鼠标悬停图片显示文字
CSS水平卷轴查看图片特效
HTML5鼠标滚轮旋转图片展示特效
可以水平拖拽切换图片的特效
jQuery手风琴图片滑动菜单栏
CSS3鼠标悬停其他图片模糊特效
17款图片悬停效果CSS3特效
jQuery图片边框和按钮颜色切换特效
JS釉面图片不同角度反射特效
滚动下拉图片切斜HTML5特效
HTML5 SVG动态图片文字特效
HTML5文字重叠显示图片上特效
鼠标点击图片放大HTML5特效
H5鼠标移到图片显示星星特效
layUI图片拖拽上传裁剪代码
JS+CSS3图片滤镜颜色设置特效
JS带箭头水平拖拽图片展示代码
css3背景图片仰视无缝滚动特效
JS鼠标拖拽图片切换代码
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
: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 = "tupiandaima"
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全屏图片放大缩小代码
JSON动态获取图片切换代码
jQuery图片3D翻转切换代码
HTML5三维布局图片切换代码
swiper.js手机图片滑动切换代码
jQuery标签TAB控制图片切换代码
js人物头颅图片拖动对比特效
jQuery彩色图片转黑白图片代码
jQuery手机端Lightbox图片展示
jQuery鼠标拖动图片摇晃特效
jQuery五屏轮播手风琴切换代码
jQuery图片堆叠左右切换插件
CSS3 Filter图片滤镜特效
jQuery全屏响应浏览器轮播图代码
html5手机端图片上传裁剪代码
js智能缩放点击图片放大预览代码
jQuery响应式图片无缝切换代码
仿flash播放器的网站图片轮播切换
CSS3鼠标经过图片旋转放大特效
jQuery图片内部放大插件Zoomio
jQuery中间大图两侧小图模糊特效
jQuery鼠标双击图片加入小框代码
jQuery鼠标悬停横向大图展示特效
jQuery带聚焦效果图片切换代码
jQuery仿Facebook图片画廊代码
jQuery判断鼠标进入图片方向代码
jQuery爱奇艺广告图片切换代码
jQuery Lightbox图片放大预览代码
CSS3全屏背景图片缩小渐变代码
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 "zipt" == 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响应式无限轮播图片代码
jQuery 3D堆叠式图片切换代码
HTML5设置filter图片滤镜代码
jQuery按钮控制图片左右滚动代码
CSS3实现鼠标悬停放大照片墙特效
jQuery响应式LightBox插件
jQuery可放大任何HTML元素放大镜
CSS3鼠标滑过图片显示文字动画库
jQuery自适应浏览器图片切换代码
右侧按钮自动滑动图片切换特效
jQuery图片放大镜插件blowup
jQuery带前后按钮旋转木马特效
jQuery手风琴滑动代码
jQuery图像裁剪插件Jcrop.js
jQuery缩略图网格排列大图切换代码
jQuery图片绘制动态过程插件imagedrawer
jQuery旋转木马自动切换代码
jQuery图片左右滚动插件Microfiche
jQuery可水平垂直自由拖拽代码
JS可拖动放大缩小图片截图代码
jQuery图片随机排序推拽代码
jQuery滑动块状区域覆盖切换代码
jQuery图片洗牌式旋转切换特效
jQuery不同风格图片排列轮播切换
jQuery图片选项卡商品轮播代码
jQuery图片拼图插件Image jigsaw
jQuery图片缩放平移预览代码
jQuery透视图片放大镜代码
jQuery圆形横向图片轮播图切换
jQuery产品图片360度旋转插件
jQuery图片自动轮播切换展示特效
jQuery九宫格图片拉伸变大代码
jQuery鼠标移动图片遮罩显示特效
jQuery按钮控制单排图片切换代码
最后送大家一首诗:
山高路远坑深,
大军纵横驰奔,
谁敢横刀立马？
惟有点赞加关注大军。
836
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
