jpg

使用 superslide 实现图片无缝滚动(上下,适用手机端)----引用

試著忘記壹切 提交于 2020-04-07 22:04:21
原文链接: https://hacpai.com/article/1538716996849 参考链接: http://www.superslide2.com/demo.html jQuery(".picMarquee-top").slide({mainCell:".bd ul",autoPlay:true_,effect:"topMarquee",vis:3,interTime:50,trigger:"click"_}); jQuery(".picMarquee-top"):图片列表外部 div mainCell:图片列表 effect:动画效果 [v1.0] fade:渐显; || top:上滚动;|| left:左滚动;|| topLoop:上循环滚动;|| leftLoop:左循环滚动;|| topMarquee:上无缝循环滚动;|| leftMarquee:左无缝循环滚动; [v2.0] fold:淡入淡出 [v2.1] slideDown:下拉效果 vis:visible 缩写,_mainCell 的可视范围个数,当实际内容个数少于可视个数的时候,不执行 SuperSlide 效果。 interTime:毫秒;自动运行间隔。当 effect 为无缝滚动 (topMarquee/leftMarquee) 时,相当于运行速度。 trigger:titCell 触发方式 ||

一键换肤原理

最后都变了- 提交于 2020-04-07 06:22:50
效果:通过按键弹出备选皮肤,点击选择样式后,更换成功。 思路:先是布局上我们需要定位,所以为了避免背景把换肤按钮给盖住,需要把按钮的标签放到大背景div的下面,并列结构。假如倒置了可以加层级让其显示。 代码如下: <!DOCTYPE html> <html> <head> <title>换肤</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="list.css" rel="stylesheet" type="text/css"/> <link href="reset.css" rel="stylesheet" type="text/css"/> <style type="text/css"> html,body{ width: 100%;height:100%; } p{ width: 100%; height: 50px; background: #000; color:#fff; font-size: 30px; line-height: 50px; text-align: center; position:absolute; top:0; left: 0; cursor: pointer; } body

CSS美化简单网站首页

喜夏-厌秋 提交于 2020-04-05 17:22:41
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>网站首页美化版</title> <style> .top{ float: left; width: 33%; height: 65px; } .amenu{ color: white; text-decoration: none; line-height: 50px; } .price{ color: red; } .pot{ float: left; width: 16.66%; height: 50%; text-align: center; } </style> </head> <body> <div> <div class="top"><img src="img/6.png"/></div> <div class="top"><img src="img/5.jpg"/></div> <div class="top" style="line-height: 50px; text-align: center;"> <a href="#">登录</a> <a href="#">注册</a> <a href="#">购物车</a> </div> </div> <div style="clear: both;"></div> <div style="height:

简单爬虫

大兔子大兔子 提交于 2020-04-03 10:28:34
该随笔主要记录包括urllib、Requests、Selenium、Lxml、Beautifulsoup、pyquery这几个基于爬虫的常用包,主要用于自己的查看和理解,每个包通过2个例子实现对新浪网的新闻和淘宝的图片爬取到本地的测试。 1.urllib(这是python的内置库,是最基础的爬虫实现包) --爬取新浪网: 在新浪网页上打开审查元素,在Network中查看源码,ctrl+f查找一条新闻链接,寻找新闻链接的共性,从而构造正则表达式: 可以看到新闻的前缀是一样的,只有后面不同,因此基于此我们构造如下pat,代码如下: 1 import urllib.request 2 import re 3 data=urllib.request.urlopen("http://news.sina.com.cn/").read().decode("utf8") 4 pat='href="(http://news.sina.com.cn/.*?)"' 5 allurl=re.compile(pat).findall(data) 6 m=0 7 for i in range(0,len(allurl)): 8 thisurl=allurl[i] 9 file="sinanews/"+str(i)+".html" 10 print('***** ' + str(m) + '.html ****

centos tar 常用

隐身守侯 提交于 2020-03-30 03:45:20
tar命令详解 -c: 建立压缩档案 -x:解压 -t:查看内容 -r:向压缩归档文件末尾追加文件 -u:更新原压缩包中的文件 这五个是独立的命令,压缩解压都要用到其中一个,可以和别的命令连用但只能用其中一个。 下面的参数是根据需要在压缩或解压档案时可选的。 -z:有gzip属性的 -j:有bz2属性的 -Z:有compress属性的 -v:显示所有过程 -O:将文件解开到标准输出 参数-f是必须的 -f: 使用档案名字,切记,这个参数是最后一个参数,后面只能接档案名。 # tar -cf all.tar *.jpg 这条命令是将所有.jpg的文件打成一个名为all.tar的包。-c是表示产生新的包,-f指定包的文件名。 # tar -rf all.tar *.gif 这条命令是将所有.gif的文件增加到all.tar的包里面去。-r是表示增加文件的意思。 # tar -uf all.tar logo.gif 这条命令是更新原来tar包all.tar中logo.gif文件,-u是表示更新文件的意思。 # tar -tf all.tar 这条命令是列出all.tar包中所有文件,-t是列出文件的意思 # tar -xf all.tar 这条命令是解出all.tar包中所有文件,-x是解开的意思 查看 tar -tf aaa.tar.gz 在不解压的情况下查看压缩包的内容 压缩 tar

专业jpg转pdf软件

孤者浪人 提交于 2020-03-29 14:34:37
专业jpg转pdf软件 将JPG图片转换成PDF文件的方法很多,但是最为简单的还是选择使用 JPG转换成PDF转换器 。JPG是目前协助用户对JPG图片格式进行完美转换的工具,网络上的JPG软件很多,如何正确识别出一款优秀的JPG转PDF软件呢?接下来,菜鸟这就告诉你答案。   第一讲JPG转PDF,可使用的软件,用迅捷JPG转PDF转换器,快又好。   在众多免费JPG转换成PDF转换器当中,绝大部分转换器依然沿用旧版的JPG解析技术。缺乏及时有效的技术升级和解析版本的更新,使得这部分JPG转成PDF转换软件本身对于JPG文件内容的理解不足,很难有效地解析所有的JPG图片内容,因此也就无法完全实现JPG文件内容的转换。   因而导出好的专业JPG转PDF转换器,首先需要具备优秀的JPG图片解析技术。JPG转换成PDF转换器软件本身可以有效地对JPG文件内容进行深度解析。在对JPG文件内容进行充分有效的解析的前提下,JPG转成PDF转换器会自动启动超线程转换技术,高速地对原JPG文件的内容转换PDF文件内容。   第二讲批量JPG图片转PDF,可用的软件,JPG转PDF转换器,精而准。   对于单个JPG图片文件的转换用户仅需要将JPG文件拖放到软件程序界面,程序本身将自动对JPG文件进行自动识别和转换。当用户需要针对大量JPG文件进行转换的时候

HTML连载78-3D播放器下、背景尺寸属性

折月煮酒 提交于 2020-03-28 00:41:00
一、继续完善之前的页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D188_3DPlayerXia</title> <style> *{ margin:0px; padding:0px; } body{ background:url("image/taobaoFocusPicture.jpg") no-repeat; background-size:cover;/*这个属性表示我们的图片肯定会填满整个网页,无论图片的大小*/ overflow:hidden;/*代表的就是超出屏幕不会出现滚动条*/ } ul{ height: 200px; width: 200px; /*background-color: red;*/ top:150px; position:absolute; left:50%; margin-left:-100px; transform-style: preserve-3d;/*注意这个3D效果设置在了父元素上*/ /*transform:rotateX(-10deg);!*这一行的目的就是为了让我们的3D效果显示更加明显*!*/ animation:sport 10s linear 0s infinite normal;/*动画效果*/ ​ } ul li {

用正则表达式批量重命名

廉价感情. 提交于 2020-03-27 17:45:44
最近拍了一些照片,开始有意识地上传到PPBC中国图像库保存。PPBC有自动识别的功能,即文件名中包含植物拉丁文名或中文名的情况下,系统可以自动鉴定为相应的物种。这就经常需要对图片重命名,我一般随手写个.bat文件,用dos的rename命令搞一下,非常便捷高效。但人老了总是很糊涂,一是经常记不住相应的命令,像今天建了个txt文件写好了命令,却忘了可执行文件的后缀是啥,改了啥.exe .cmd,真丢人;二是正则匹配经常翻车,下面重点记录下正则表达式的匹配情况。 D:\photo\2020\0326观光木\手机 目录下有一批文件,格式是这样的: IMG_20200326_153346.jpg IMG_20200326_15 3346 .jpg 这是华为手机的自动命名方式,IMG开头加上日期,再加上一串6位的数字,其中前两位还是保持不变的。 我的本意是想在文件名后面加上“_观光木”,于是写了以下命令: rename IMG_20200326_15 * .jpg IMG_20200326_15 * _观光木.jpg 结果文件被命名成这样了: IMG_20200326_153346.jpg_观光木.jpg 把所有的都匹配上了,超吓人的有木有? 改成这样只好去好好研究一下正则表达式,然后想办法改回来: rename IMG_20200326_15 [0-9]{4} .jpg_观光木.jpg

动态调整 TBitBtn 上的图片 - 回复 \"游戏而已\" 的问题

删除回忆录丶 提交于 2020-03-25 07:25:35
问题来源: http://www.cnblogs.com/del/archive/2011/02/11/1951641.html#2025348 测试图片: 测试代码: unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms, Dialogs, StdCtrls, Buttons; type TForm1 = class(TForm) BitBtn1: TBitBtn; procedure FormCreate(Sender: TObject); procedure FormDestroy(Sender: TObject); procedure BitBtn1MouseLeave(Sender: TObject); procedure BitBtn1MouseEnter(Sender: TObject); procedure BitBtn1MouseDown(Sender: TObject; Button: TMouseButton; Shift: TShiftState; X, Y: Integer); procedure BitBtn1MouseUp(Sender: TObject; Button: TMouseButton;

怎么把原有的cad文件转换成图片格式?快速把cad转jpg的技巧

假如想象 提交于 2020-03-20 18:36:16
3 月,跳不动了?>>> 前几天有小伙伴私信问怎么把cad格式转换成jpg图片格式?cad格式通常以dxf和dwg两种为主,是制图软件生成的文件格式,和图片格式(jpg、png等)有很大的区别。然而在没有专业软件的情况下cad格式是不能直接打开的,因此很多小伙伴在传递文件时会选择把cad转jpg,这样在没有专业软件的情况下依旧能查看cad图纸的内容。今天小编就给大家分享一个将cad转jpg的方法。 cad转jpg准备: 在把cad格式转换成jpg之前要准备好一台可以正常使用的电脑、一个或多个需要转换的cad文件和一个可以把cad转jpg的 cad转换器 。 cad转jpg方法: 准备好转换文件和工具后可以看到cad转换器的左侧菜单栏有六种转换方式。因为要将cad转jpg,因此要把界面切换到‘cad转图片’中。 然后把准备好的cad文件添加到这个转换界面。添加的方式大致分为拖拽添加和按钮添加,两种方式任选其一即可。 当cad文件通过任意方式添加到转换器后调整好文件输出的色彩、大小、颜色和格式等转换参数。调整参数时注意把输出格式调整为我们需要的jpg格式。 接着在输出目录中把转换文件默认的保存位置调整到便于查阅文件的目录。调整时可以点击浏览选项选择目录,也可以直接将目录粘贴到矩形框中。 最后点击批量转换选项就可以正式把添加好的cad文件转换成需要的jpg图片格式了