使用CSS预加载background图片文件

发布于

　　预加载css中background的图片文件，经常用于hover状态下切换时，图片载入跟不上切换速度导致的短暂空白，使用以下css，给需要预加载的元素加上preload-images类即可。

.preload-images {

评论

发表评论

Popular Posts

其实所有的电影都很枯燥

发布于
哈利波特 第1部——《哈利波特与魔法石》： 从前有一个男孩叫哈利·波特，有一天，他抢了伏地魔最想要的石头。 第2部——《哈利波特与密室》： 从前有一个男孩叫哈利·波特，有一天，他毁了伏地魔珍【文明用语】年的日记。 第3部——《哈利波特与阿兹卡班的囚徒》： 从前有一个男孩叫哈利·波特，有一天，他赶走了摄魂怪，救出了他的教父。 第4部——《哈利波特与火焰杯》： 从前有一个男孩叫哈利·波特，有一天，他到墓地里把(被)伏地魔揍了一顿。 第5部——《哈利波特与凤凰社》： 从前有一个男孩叫哈利·波特，有一天，他叫了一帮人去和伏地魔打群架。 第6部——《哈利波特与混血王子》： 从前有一个男孩叫哈利·波特，有一天，他去偷伏地魔的东西，结果把一个老头害死了。 第7部——《哈利波特与死圣》： 从前有一个男孩叫哈利·波特，有好几天，他偷了伏地魔的好多东西，结果，有一天，他死了，又活回来，抢了伏地魔的魔杖，把伏地魔杀了。 魔戒 第一部 一群人 走 第二部 一群人 走 第三部 一群人 走到火山口 把戒指扔了 变形金刚 第一部 汽车人和霸天虎打起来了 第二部 汽车人和霸天虎打起来了 第三部 汽车人和霸天虎打起来了 速度与激情 第一部 一个警察与一个匪徒飙车 第二部 一个警察与一个匪徒飙车 第三部 一个警察与一个匪徒飙车 第四部 一个警察与一个匪徒飙车 第五部 一个警察与一个匪徒飙车 喜羊羊与灰太狼 第一集 灰太狼想吃喜羊羊没成功 第二集 灰太狼想吃喜羊羊没成功 …. 第五百一十二集 灰太狼想吃喜羊羊没成功 哆唻A梦 　　 第一集 小叮当从肚兜里掏出了高科技 第二集 小叮当从肚兜里掏出了高科技 第三集 小叮当从肚兜里掏出了高科技 …. 第N集 小叮当从肚兜里掏出了高科技 …. 奥特曼 第一集 奥特曼把小怪兽打死了 第二集 奥特曼把小怪兽打死了 第三集 奥特曼把小怪兽打死了 …… 第N集 奥特曼把小怪兽打死了…. 谍影重重 第一部 伯恩被追杀 逃跑 反追杀 第二部 伯恩被追杀 逃跑 反追杀 第三部 伯恩被追杀 逃跑 反追杀 黑夜传说 第一部 吸血鬼和吸血鬼狼人大战吸血鬼和狼人 第二部 吸血鬼和吸血鬼狼人大战吸血鬼和狼人 第三部 吸血鬼和狼人大战吸血鬼 西游记 师傅被妖怪抓走了！！ 师傅被妖怪抓走了！！！ 师傅被妖怪抓走了！！！ 纳尼亚传奇 第一部 小孩子与怪兽打群架，打输了狮子走出来再打赢 第二部...
阅读全文

90个你不知道的冷门知识及精彩点评

发布于
1.看看你的拉链，如果上面有YKK三个字母，那么说明这是全球最大的拉链制造商Yoshida Kogyo Kabushibibaisha的产品 【点评】这算什么，如果看见“Made In Waiguo”，那也是世界最大的成衣生产商们制造的。 　　 2.麦当劳40%的利润来自Happy Meals的销售 【点评】中石油A股的利润100%来自股民。 　　 3.1996版的韦伯斯特词典有315处拼写错误 【点评】所以中国设立了315消费者日。 　　 4.每天平均有12个新生儿被交给错误的父母 【点评】现在，知道为什么星座预测达不到100%的准确了吧？所以，别大声嚷嚷“不准”。 　　 5.巧克力对于狗来说是致命的，只要几盎斯就可以使一只小狗，因为心脏和神经系统受损而死亡。 【点评】只需要0.1盎司的野山椒涂在猫屁股上，它就能立即变成毛线球。 　　 6.19世纪30年代番茄酱是作为药品来销售的 【点评】我算是知道为什么**里经常有番茄酱了。 　　 7.达芬奇可以一手写字，同时另一手作画 【点评】达芬奇的IQ超过150，但是，会左右互搏的郭靖只有75。费那劲干啥？ 　　 8.剪刀是达芬奇发明的 【点评】那么，张小泉是怎么认识达芬奇的？ 　　 9.描绘蒙娜丽莎的嘴唇花费了达芬奇10年的时间 【点评】为了亲第一个姑娘的嘴，我等了18年。 　　 10.二战期间颁发的奥斯卡奖座是木制的，因为当时金属是稀缺物资 【点评】那么，当时的汽车也是木头的吗？ 　　 11.拉斯维加斯的赌场都没有钟 【点评】所有热恋的人和发言的领导都没有表。 　　 12.李小龙的动作非常快，快到看不清，所以拍电影时只好放慢胶片的速度 【点评】所以，李小龙是蜂鸟。 　　 13.仰面躺着并缓缓地抬起双腿，可以免于陷入流沙之中 【点评】抬起双腿的话，身子靠在哪里用力？ 　　 14.驱蚊水并不驱蚊而是干扰蚊子的感觉器官，这样它们就找不到人在哪里。 【点评】女生擦香水也并是为了愉悦你的鼻子。 　　 15.牙医建议，牙刷应放置于距离盥洗室至少6英尺远，以避开冲马桶时产生并漂浮于空气中的各种微粒 【点评】这种房子在北京应该过百万吧？ 　　 16.最早被打上条形码的产品是箭牌口香糖 【点评】绝对是错的，怎么不说斑马呢？ 　　 17.迈克尔.乔丹每年从耐克得到的收入多于马来西亚的耐克工厂工人的薪水总和 【点评】作协应该最爱马来西亚工人...
阅读全文

Windows Thin PC - 微软官方精简版Win7

发布于
　　Windows Thin PC的核心是Windows 7，相当于是Windows 7的瘦身版，企业可以使用现有管理工具如系统中心集中管理所有安装Windows Thin PC设备，包括依功能部署软件，更新程序，Windows Thin PC也可以使用如的BitLocker和AppLocker的等安全控管机制。 　　 　　管理者也可以控制Windows Thin PC上可以使用的键盘功能，例如禁止使用者使用Ctrl-Alt-Delete指令等。 　　Windows Thin PC是一个精简版Windows7，能帮助消费者将现有PC机当做瘦客户端使用，提供无差别的桌面特效体验(3D、特效和视频传送)。WinTPC主要功能： 　　— RemoteFX(Windows7 SP1新增功能之一); 　　— 支持系统中心配置管理器，可以用来部署和管理WinTPC镜像; 　　— 支持Write过滤器阻止用户和应用程序写入磁盘，从而在终端提高安全性。 　　尽管你在Windows Thin PC上拥有IE、Windows Media Player、记事本、远程桌面客户端、Windows协助工具、系统管理工具、磁盘碎片清理工具等，但是一些Windows增值程序却不见了，比如Windows DVD Maker、Media Center。这样做是为了节省硬盘和内存空间，出于同一目的，Windows Thin PC默认采用的Aero效果为Aero Basic。 　　Windows Thin PC还大大减少了你的字体文件夹，它只包括41种字体。而Windows 7旗舰版则包含了134种。 　　另外，Windows Thin PC禁用了虚拟内存和休眠，使用户可以节约更多磁盘空间。 　　 Windows Thin PC 简体中文包的安装方法： 　　1.下载Windows Thin PC 简体中文语言包lp.cab放到D盘的根目录 　　2.以管理员身份运行CMD命令输入：dism /online /add-package /packagepath:D:lp.cab 　　3.完成后输入：bcdedit /set {current} locale zh-cn 　　4.完成后再输入：bcdboot %WinDir% /l zh-cn 　　完成后重启计算机进入控制面板进行设置即可。 　　开始->Co...
阅读全文

PHPWind 文件及数据结构相关文档

发布于
phpWind 7.0 插件开发常用函数列表及其功能说明 函数名：Add_S 功能：递归执行，使得每个数组中的字符串都是为了数据库查询语句等的需要在某些特殊字符前加上了反斜线的字符串 文件位置：global.php 函数名：AdvertInit 功能：广告初始化函数 没有使用 文件位置：global.php 函数名：Char_cv 功能：对变量进行字符转换,防跨站 文件位置：global.php 函数名：CheckVar 功能：对变量进行安全处理 文件位置：common.php 函数名：CkInArray 功能：验证变量是不是在数组中 文件位置：common.php 函数名：Cookie 功能：设置相关cookie 文件位置：common.php 函数名：CookiePre 功能：cookie 前缀 文件位置：common.php 函数名：GdConfirm 功能：认证码检查函数 文件位置：global.php 函数名：GetCookie 功能：取cookie中的某变量值,每个不同的站点,cookie前缀不同 文件位置：common.php 函数名：GetGP 功能：获得单个变量值 文件位置：common.php 函数名：GetGcache 功能：返回页面要不要从缓存页面中输出 文件位置：common.php 函数名：GetLang 功能：通过语言包来解释程序中的一些英文 文件位置：global.php 函数名：GetPtable 功能：获取回复数据表名（分卷时） 文件位置：common.php 函数名：GetServer 功能：读取指定的全局环境变量值 文件位置：common.php 函数名：GetTtable 功能：获取主题数据库表名（分卷时） 文件位置：common.php 函数名：GetVerify 功能：获取一个安全校验码 文件位置：global.php 函数名：Htm_cv 功能：返回静态目录功能开始时页面的访问路径 文件位置：global.php 函数名：InitGP 功能：对所有变量进行过虑,我们没定义的变量都不能在程序中运行 文件位置：common.php 函数名：Ipban 功能：对处在ip封禁列表中的ip禁止登陆 文件位置：global.php 函数名：N_flush 功能：刷新输出缓冲 文件位置：global.php 函数名：N_output...
阅读全文

常用的国内外延迟测速链接（generate_204）

发布于
以下是一些常用的国内外延迟测速链接，通常返回204状态码（generate_204） 服务提供者 链接 大陆体验 境外体验 Google http://www.gstatic.com/generate_204 5 10 Google http://www.google-analytics.com/generate_204 6 4 Google http://www.google.com/generate_204 0 10 Google http://connectivitycheck.gstatic.com/generate_204 4 10 Apple http://captive.apple.com 3 10 Apple http://www.apple.com/library/test/success.html 7 10 Microsoft http://www.msftconnecttest.com/connecttest.txt 5 10 Cloudflare http://cp.cloudflare.com/ 4 10 Firefox http://detectportal.firefox.com/success.txt 5 10 V2EX http://www.v2ex.com/generate_204 0 10 ...
阅读全文

盾之勇者成名录 盾の勇者の成り上がり (2019)

发布于
《盾之勇者成名录》（日语：盾の勇者の成り上がり）是アネコユサギ在成为小说家吧网站上连载的奇幻冒险小说。网路版本传于2014年3月初完结，同外传《枪之勇者重生录》（日语：槍の勇者のやり直し）也于2015年5月底完结，尔后作者在2017年8月底刊载《真・枪之勇者重生录》。现由Media Factory整理出版中，目前已出版本传小说22册、外传小说3册。而漫画为本传19册、外传8册，2019年BookLive读者票选异世界漫画第3名。 故事讲述了身为大学二年级的岩谷尚文，在镇上的公立图书馆翻到一本书“四圣武器书”。当翻阅到空白的页面时，竟被召唤到另一个世界，被称为“盾之勇者”。在一个视盾牌为罪恶象征的异世界里，盾之勇者又被公主诬陷为强暴犯，跌入深渊中的尚文变得再也不相信任何人地独自行动……他是否能在这恶劣的开场下，走完他的勇者之路回到原本的世界呢？ 在2017年6月正式宣布动画化。2018年9月2日公布PV，于2019年1月开始放送。2019年9月2日动画版官方推特宣布第2期、第3期确定。2020年9月5日，因2019冠状病毒病日本疫情延缓，角川公司动画部因运作的关系决定将第2期再次延后播出，公开了第2期的动画PV，预定于2021年开始放送，但因为各种原因延后到2022年4月6日开始放送。 在线： 第一季 | 第二季
阅读全文

mihomo各平台客户端下载(windows, android, macos)

发布于
mihomo是一个学习工具，目前客户端众多，本文只节选每个平台上够用的版本。 以下搜集各平台版本的下载链接： Windows X64: Clash.Mini_v0.2.2_x64.zip X86:  Clash.Mini_v0.2.2_x86.zip Mac ClashX.Meta.zip Android ARMv8: cmfa-2.11.11-meta-arm64-v8a-release.apk ARMv7: cmfa-2.11.11-meta-armeabi-v7a-release.apk 其中如果遇到缺失GeoIP或GeoSite文件的，可通过以下链接下载： GeoIP.dat GeoSite.dat Country.mmdb 浏览器扩展可以使用： zeroomega-3.3.23.crx zeroomega-3.3.23.xpi
阅读全文

VPS线路详解：包括163、CN2 GT、CN2 GIA、AS4837、AS9929、CMI/CMIN2线路

发布于
VPS线路详细介绍： 电信： ChinaNet（亦称163骨干网，AS4134），IP地址段以202.97开头。此网络旨在承载普通质量的互联网业务，具备早期基建、大带宽和低成本特点。 CN2（ChinaNet Next Generation Carrier Network，即中国电信的下一代承载网，AS4809），IP地址段以59.43开头。相较于163网络，CN2提供较小带宽但更稳定高速的服务。CN2分为CN2 GT与CN2 GIA两种子类型。 CN2 GT（半程使用CN2），作为CN2的中端产品，接入网络为ChinaNet（AS4134），省级骨干使用163（去程和回程均可能经过202.97节点），而出口则使用CN2（AS4809）。 CN2 GIA（全程使用CN2），为CN2的高端产品线，接入及出口均使用CN2（AS4809）。在部分未部署CN2节点的省份城市，会经由163（202.97）接入CN2节点。CN2 GIA的价格约为CN2 GT的三倍。 联通： AS4837（联通的169网络），作为民用骨干网，其定位类似于163。其国际回程使用称为CU VIP的路线。 AS9929（联通A网，或CU PM），服务水平相当于CN2，更接近于CN2 GT，主要服务政企大客户。AS9929的定价为AS4837的五倍以上，与电信的GIA相比仍有较大差距。 AS10099（联通国际出口，或CUG），联通的国际出口可能直接使用AS4837，或内地使用AS4837/AS9929，然后接入AS10099进行出境。 移动： CMI（中国移动的国际出口，AS58453-AS9808），一般回国线路可能有QoS限速，可额外付费提升国内带宽质量。晚高峰时段可能会出现不稳定。 CMIN2（中国移动推出的精品网络，AS58807），旨在与CN2 GIA竞争，但目前感觉仍不如CN2 GIA，预计后续会有更多优化。 CMCB（中国移动商务宽带），提供高QoS等级特权的国际出口。 大体上的线路品质排名：CN2 GIA > AS9929/CN2 GT > 163/AS4837。 参考：https://vps.dance/vps-routes.html
阅读全文

随身WiFi折腾指南: 解锁、刷机与DIY

发布于
市面上随身Wifi的产品层出不穷，我也入手了两个，记录一下折腾的步骤。 目前较多的是中兴微和高通骁龙410两个版本，对于只是想插自己的卡的用户，推荐购买中芯微芯片轻型Linux系统的随身wifi，因为这种产品在稳定性和发热量方面表现较好，无需额外折腾；如果用户想搞机，推荐购买高通骁龙410纸盒系列的随身wifi，这种产品拥有很高的可玩性，可以刷出各种不同的操作系统或软路由等，相对灵活。 拿到手根据以下步骤折腾： 1. 解锁sim卡槽密码 获取解锁sim卡槽密码，这是进行手机解锁操作所必要的步骤之一 http://192.168.0.1/goform/goform_get_cmd_process?cmd=unlock_network_code 2. 移除商家远控后台 开启ADB命令。该命令通常用于与手机进行调试和控制 http://192.168.0.1/goform/goform_set_cmd_process?goformId=SET_DEVICE_MODE&debug_enable=1 当用户使用`nv`命令时，表示正在修改或查询机器的某些固件参数。以下是对所有出现的`nv`命令的解释： - `nv show`：查看所有可设置的参数； - `nv set mqtt_host=127.0.0.1`：将 MQTT 服务器的主机地址设置为本地； - `nv set fota_updateMode=0`：禁止自动下载固件更新； - `nv set os_url=http://127.0.0.1`：将系统软件更新服务器的地址设置为本地； - `nv set lpa_trigger_host=127.0.1`：将选定的服务地址设置为本地； - `nv set safecare_hostname=127.0.0.1`：将 Safecare 服务器的主机地址设置为本地； - `nv set safecare_mobsite=http://127.0.0.1`：将手机站点地址设置为本地； - `nv set TM_SERVER_NAME=127.0.0.1`：将 TM 服务器的主机地址设置为本地； - `nv set lpa_trigger_updata_url=/`：将选定的服务地址设置为根目录； - `nv set lpa_trigger_event_url=/`：将...
阅读全文