菜单

通过CSS或JS实现gif动态图片的停止与播放

通过CSS或JS实现gif动态图片的停止与播放

到需要可以随时随地停止gif动态图片播放的需求的时候,可以通过下面几种方法实现。 方法一:多img资源控制处理 就是准备2套图片,一个是gif动态图片,还有一个是只有一帧的静止的图片,如jpg图片。然后使用JS来回切换<img>的src值为这两张图片地址,或者通过js实现点击就切换显示两张图片。 这种方法的优点就是兼容性强,所有浏览器都可以实现停止效果。然而这种方法有个局限,就是暂停时候呈现的图片永远是同一张。基本上可以说是停止,而不是暂停。 代码如下: html <div class="inpic"&g...

Thinkpad笔记本Fn与功能键F1~F12键设置

Thinkpad笔记本Fn与功能键F1~F12键设置

联想Thinkpad系列笔记本的F1~F12键跟传统的功能键反着来,传统的功能键都是按Fn+功能键来实现快捷功能,thinkpad的默认设置是直接按功能键就实现快捷功能。这样做也许部分人会喜欢,但许多人还是不习惯:比如网页的F5刷新功能,比如玩游戏的那些人。 其实联想也知道可能用户不习惯,在控制面板里面给了用户改成传统的设置。 下面是Thinkpad New S2的设置: 1、按键盘上的win+x(或右击开始菜单),在弹出的选项中选择“控制面板” 2、查看方式选择大图标或小图标,然后选择“键盘” 3、键盘属性窗口选择“Fn和功能键”,F1-F1...

使用IE11浏览器调试IE7、IE8、IE9、IE10浏览器

使用IE11浏览器调试IE7、IE8、IE9、IE10浏览器

现在的操作系统使用的IE浏览器版本都比较高,有时候制作网页的时候需要测试低版本IE浏览器的兼容问题会显得比较麻烦,部分人会使用IEtest软件测试,但该软件体验发现并不好,其实上IE11浏览器本身就提供了IE7、IE8、IE9、IE10浏览器的测试功能。 1、打开IE浏览器,点击键盘F12,进入到如下图的界面: 2、选择【仿真】按钮进入,在文档模式里选择自己想要调用的IE浏览器版本,数字对应IE的版本: 3、选择版本后,就可以输入网站调试了。

InstantClick – 快速响应!让你的网站与众不同

InstantClick – 快速响应!让你的网站与众不同

InstantClick 是一个很小的 JavaScript 库,使用了 pushState 和 Ajax 技术,这个组合被称为 Pjax。在访问者点击一个链接之前,鼠标会悬停在链接上面,这两个事件之间通常有200ms~300ms的间隔,InstantClick 利用这个时间间隔预加载页面,这样当你点击页面的时候,其实页面已经加载到本地了,呈现当然也就会很快,大大加速你的网站响应速度。 使用示例: ... <script src="instantclick.min.js" data-no-instant></script> &...

18款不同样式的苹果设备响应展示PSD源文件

18款不同样式的苹果设备响应展示PSD源文件

响应式网站是时下主流,下面提供一些所有苹果设备响应展示分层PSD源文件,可方便展示和推广网页设计师的响应式网站作品。 下载地址:https://www.behance.net/gallery/22663297/Apple-Device-Wireframe-Mockups 下载地址:https://mostpato.deviantart.com/art/Apple-Devices-flat-Icon-Free-512702025 下载地址:https://www.pixeden.com/psd-we...

APP应用侧边栏菜单导航jQuery插件Slidebars

APP应用侧边栏菜单导航jQuery插件Slidebars

Slidebars是一款能快速又简单的实现移动端应用风格菜单显示和侧边栏的jQuery插件,插件非常小巧,压缩后仅有1.69kb大小,提供完整的API、回调功能等,需要jquery 1.8以上版本的库才可以使用。 官方网站:https://www.adchsm.com/slidebars/ Github:https://github.com/adchsm/Slidebars

windows 7电脑桌面计算机图标不见了怎么恢复

windows 7电脑桌面计算机图标不见了怎么恢复

有时候会误删除电脑桌面上“计算机”、“回收站”、“网络”之类的系统桌面图标,该如何操作才可以恢复? 1、右击电脑桌面空白处,选择“个性化”。 2、打开的窗口左侧选择“更改桌面图标”: 3、勾选要显示的桌面图标,点击应用,然后确认就可以了。

优酷视频自适应屏幕的方法

将优酷视频嵌入网站时需要指定长和宽的像素,这对手机等终端十分不友好,可以用javascript让优酷的视频自适应屏幕。 <iframe height=498 width=510 src="http://player.youku.com/embed/XODA2NDM4OTI0" frameborder=0 allowfullscreen></iframe> 以上为一段优酷提供的视频,需要指定长和宽,其实,我们可以用javascript获取屏幕的宽度,再乘以相应的比率,从而让视频自适应屏幕大小。 先给iframe制定一个id...

支持触摸的jQuery响应式幻灯片插件Owl Carousel

Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件,兼容包括 IE6、IE7在内的所有浏览器,需要jquery 1.7 及以上版本。Owl Carousel 提供了众多的参数、回调函数及自定义事件,所以它几乎可以满足你的所有要求。它具有一下特点: 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式 支持进度条 支持自定义事件 支持延迟加载 支持自适...

Little Pixels摄影 App Manual 让 iPhone 6/6 Plus 变身手动相机

Little Pixels摄影 App Manual 让 iPhone 6/6 Plus 变身手动相机

Little Pixels 就在日前推出了一款摄影 App Manual。它利用了 iOS 8 开放的 API,允许用户对快门速度、感光度、白平衡、焦点、焦距、曝光度等进行手动调整,大大提升了 iPhone 的操作感,相信能吸引不少摄影爱好者。 Manual售价 1.99 美元(约合人民币 10 元),可以App Store购买

nginx服务器下配置和安装阿里云SSL证书

nginx服务器下配置和安装阿里云SSL证书

环境描述:阿里云ECS、CentOS 7 购买证书: 进入阿里云控制台,在左侧导航栏上点击CA证书服务,进入证书申请和购买页面。 1. 点击右上角,购买证书按钮,进入证书的选择页面,选择你想要的配置,个人网站的话建议免费版的可以配置多个域名,例如:neirong.org,demo.neirong.org。 2.支付成功后返回证书控制台,在证书控制台下可以看到你购买的证书列表。 4. 点击信息补全按钮绑定你的域名,根据提示,进行下一步的操作部分截图如下。 ...

解决windows 10无线wifi链接后显示无internet,安全

解决windows 10无线wifi链接后显示无internet,安全

wifi热点可以连接,但连接成功后显示“无internet,安全”,检测诊断后提示“WLAN没有有效的IP配置”,解决方法如下: 右击开始菜单,选择“命令提示符(管理员)”以管理身份运行命令提示符,然后输入 netsh winsock reset 按回画键执行,重启电脑即可。