-
苹果手机将网站添加到主屏幕上的方法
通常在 iPhone,iPad,iTouch 的 safari 上可以使用添加到主屏按钮将网站添加到主屏幕上。 <link rel="apple-touch-icon" href="/custom_icon.png"/> apple-touch-icon 是 IOS 设备的私有标签,如果设置了相应 apple-touch-icon 标签,则添加到…- 3
- 0
-
网站加入鼠标滑过抖动样式
站长闲下来的时候,就四处逛逛网站,顺便扒点其他网站的代码,比如 html、css、js;都是站长通过 f12 或者 view-source 扒到的,有些代码很容易就能扒到,有些很难,比如今天分享的这个,扒了得半小时,才找到 css 具体代码!支持所有网站,wordpress、typecho、hexo 等等之类的。 代码说明: 该 css 代码,作用于 class 为 post-item 下 h2 …- 3
- 0
-
jQuery 检测字符串是否含有中文
我们做好网站之后,如果网站前台有提交表单,经常会出现被恶意发布信息。而且内容都英文,这时,我们可以通过 jQuery 检测字符串是否含有中文来解决这些垃圾留言,jQuery 检测字符串是否含有中文代码很简单: //判断字符串是不是中文 String.prototype.isChinese = function () { var reg = /[^\x00-\xff]/ig;//判断是否存在中文和全…- 4
- 0
-
代码实现给网站添加返回顶部功能
代码实现给网站添加返回顶部功能,瀑布流风格的网站开始流行之后,很多网站都出现了一个回到顶部的功能,对于瀑布流布局的网站来讲,这可以说是必须要有的一个功能,因为网站下拉了很长之后,需要返回顶部的时候,如果拖着滚动条去拉,那种麻烦相信大家都体验过。 对于非瀑布流网站来说,增加这种效果必要性其实不大,除非你的网站上文章很长,用户需要看好几屏才能看完。需不需要是基于用户体验上的考虑,咱在这里先按下不说,下…- 12
- 0
-
jQuery 直接读取网站数据库数据并做判断的方法
我们在网站开发过程中,我们有时需要直接从数据库里读取数据,并且将数据进行相关的判断。我们读取数据库的常用方法就是直接使用 PHP 来读取。 今天给大家介绍一下使用 JQUEYR 直接读取网站数据库数据并做判断的方法。通过 JQEURY 从数据库中拿数据,并且根据自己的需要进行判断得到相关的结果。 JQUEYR 直接读取网站数据库需要以下几个步骤,首先是 JS 文件,在 JS 文件中,使用 AJAX…- 4
- 0
-
jQuery保护网站不被仿站复制盗用
1.利用仿站工具或类似仿站工具之类原理的爬取工具,批量的抓取页面到本地,适合页面类型多的网站,要想杜绝仿站工具及类似工具的爬取就需要在服务器端做好设置,允许正常的用户(浏览器 UA)以及正常的搜索引擎蜘蛛(搜索蜘蛛 UA,例如百度 Baiduspider)访问网站的页面,禁止非法的 UA,比如仿站工具前来爬取页面内容,所以只要配置好禁止爬取的 UA 即可: #以下是nginx的配置细节,添加到se…- 5
- 0
-
企业网站上添加位置地图的方法
现在很多企业网站上都有位置地图功能,方便用户查看公司的位置。让企业网站更有信任感。效果如下图: 网站上添加位置地图功能,一般是使用百度地图 API 来做的。下面介绍一下企业网站上添加位置地图的具体方法。 第一步 引入百度地图 API,将下面的 JS 代码保存到一个 JS 文件为 map.js; (function(){window.BMAP_PROTOCOL = "https"…- 13
- 0
-
CSS3实现鼠标经过网站图片纵向Y轴旋转
做网站时,为了让整个网站看起来更加动感,我们常常会在网站上放一些特效。例如,当鼠标经过时网站图片纵向 Y 轴旋转这个功能就是在很多网站上使用了。下面就来介绍一下制作方法。 实现这个功能很简单,通过 CSS3 的动画属性就可以了。 HTML 代码 <div id="fourmain"> <ul class="clearfix w1200"&g…- 12
- 0
-
优化阅读体验网站全局字体CSS最佳写法
英文字体的文件大小比较小可以使用嵌入字体让网站展示更好,但中文就不一样了,文件大小是 MB 级别,为了 WEB 端性能,只好使用系统自带的默认字体,然而我们有 Windows 和 Mac OS 两个系统,这两个系统的默认字体是不同的,那么 CSS 中的 font-family、字体大小、颜色、行距如何设置才是最美、最好看的呢?作为网页设计师,对这方面也有所研究,下面是设计达人(公众号 ID:she…- 9
- 0
-
纯CSS代码将整个网站页面变成黑白色整站灰色
对于南京大屠杀这样需要悼念的日子,一般在全国哀悼日,大地震的日子,清明节,我们都会让自己的网站全站灰色,以表示对逝者的悼念。以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。很多人也都想把自己的网站弄成全站黑白来表示自己的哀悼之情。还有其他特殊原因(比如汶川大地震)对部分事件表示哀悼,所以需要把整个网站设置为灰色或者黑白…- 8
- 0
-
网站侧边添加梅花飘落特效
给网站左右两侧添加梅花飘落特效,花瓣从空中飘落,想雪花一样非常漂亮,刚开始耍博客的时候,比较热衷于这些,其实就是给网站加上一些特效,稍微的美化下带来一点异样的感觉,如果看起来感觉还可以,并且有兴趣的话,那我们继续看下怎么操作: 步骤一 首先,在 body 中,添加一个 div,来放置梅花树枝的图片 <div id="meihua"></div> 步骤二 …- 9
- 0
-
如何给自己的网站添加WEB社交分享按钮
我们注意到,很多的网站都有 WEB 分享按钮,可以一键分享到很多的网站平台,如:分享到微博、微信、人人网等等。 以前我们做这种 WEB 分享按钮使用的是百度分享,但现在百度分享已经停用了。下面介绍另一种自己做网站时添加 WEB 分享按钮的方法。 方法/步骤 第一步:打平网页分享平台:http://www.bshare.cn/ 第二步:选择自己需要的网页分享样式,可以根据自己网站的需求选择按钮的大小…- 13
- 0
-
Darkmode – 网站支持炫酷暗黑模式/夜间模式
Darkmode.js 这个东西还是挺好玩的,非常易于使用,只需一段代码就可以让你的网站支持暗黑模式,安装好之后,在网页的右下角有一个圆形按钮,点击即可切换白天/夜晚模式。Darkmode.js 是开源的项目,所以可以免费玩耍 ,不过如果想玩的好,还是需要点技术的。这篇文章就来看看如何安装这个 Darkmode.js。 官网:https://darkmodejs.learn.uno/ Github…- 16
- 0
-
网站实现a标签直接下载pdf文件不在浏览器打开
默认情况下 pdf 文件使用超链接打开时,会在浏览器里直接打开预览,而不能直接下载。怎么让 pdf 文件点击后,自动下载而不是打开呢?其实让网站点击 a 标签直接下载 pdf 而不是在浏览器打开浏览方法很简单,只需要在 a 标签添加 download 属性即可,代码如下: <a href="wendang.pdf" download="文档.pdf"&…- 38
- 0
-
Font Awesome 网站字体图标不显示的解决方法
在做网站过程中,经常会遇到一些奇怪的问题。例如一个网站中有的网页的字体图标正常显示,但有的字体图标却显示为空白。如下图: 正常情况下: 字体图标不显示: 通过浏览器的检查功能,可以查到造成字体图标不显示的原因,是由于字体图标的样式在这些网页中被修改了。解决方法也很简单,只需要在字体图标不正常的网页上面,加上以下的 CSS 样式代码即可。 <style> .fa { font: norm…- 18
- 0
-
手机网站实现左边弹出导航菜单点击一级分类展开二级分类
手机网站实现左边弹出导航菜单点击一级分类展开二级分类,下面介绍一下手机网站常见的左边弹出导航菜单,并且点击一级分类展开二级分类的功能实现方法。 HTML 代码: <ul id="topmeau" class="wap_menu hidden-md hidden-lg"><li class="current-menu-item me…- 41
- 0
-
网站Video标签播放大视频卡顿解决方法(m3u8流媒体)
自从 HTML5 推出之后,网站上的视频可以像图片一样使用 video 标签直接播放了。但使用 video 播放视频有一个缺点就是只能播放小视频,如果视频比较大就会出现卡顿的问题。因为它需要先把视频加载完才会播放。 下面就介绍一下网站 Video 标签播放大视频卡顿解决方法,就是将普通的 MP4 视频转成 m3u8 流媒体,然后再使用 video 标签进行播放。可以彻底解决 Video 标签播放大…- 130
- 0
-
解决absolute绝对定位高度塌陷无法撑开父元素
网站上某个元素设置了 absolute 绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种 absolute 绝对定位高度问题呢?让 absolute 绝对定位的高度自动添加到父元素上。 解决 absolute 绝对定位高度问题,一般有二种方法。 第一种就是给父元素添加一个固定的高度值,这样就不会有父元素高度为 0 的情况了。 第二种是使用 JQUERY 来获取 …- 15
- 0
-
使用样式修改你的网站默认的鼠标样式
访问云落网站的时候,可能大家都发现了,云落网站鼠标比较不错,其实是云落修改了网页默认的鼠标,使用简单的 CSS 就可以做到了。 例如下图: CSS 代码: <style type="text/css">* {cursor: url(你的域名/cur.cur), default!important}</style> 上面那句代码很好理解,就是下载一… -
WordPress 建站是否会影响网站 SEO 排名优化?
经常听到很多做网站的人吐槽用 WordPress 搭建的站点没排名,有的还举例说 WordPress 站点一周都没排名,用织梦、帝国、或者 phpcms 几天就有收录排名了,作为一个 WordPress 资深用户,同样更是一个 SEOer,网站没有排名真的是 WordPress 的锅? 浅谈 WordPress 很多人对 WordPress 程序的第一印象就是博客,甚至给很多人的定义就是 Word… -
网页调启用qq对话聊天客服窗口的链接地址方法大全(包含移动端)
今天在改网站的时候发现网页跳转qq聊天的链接有些变化,在一番查找后发现有几种链接方式。 在PC端,腾讯的QQ软件还是应用最为广泛的即时通讯工具了,除了网站自动的一些对话软件外,qq可以有效的将用户留存下来,长线发展,所以在网站添加qq对话聊天窗口的链接尤为重要,尤其是对一些半商业型的网站来讲,所以微码盒今天给大家推荐一下多用的qq聊天唤醒链接方法具体链接如下,只需要调整下qq号即可,方便实用。 P…- 182
- 0
-
WordPress教程之不用插件使用七牛云存储加速网站
网站使用七牛云存储的好处? 加速网站的css、js、图片等内容,提升用户体验。 在我们运营网站时多多少少会用到图片存储,七牛云存储注册认证通过标准用户就可以得到10G的免费存储空间和免费10G的月流量,10G空间对于一般个人博客或小型站点基本上就够用了。 wordpress七牛云存储的插件也有很多,假如你不想用插件便可以使用七牛云存储加速网站,那么下面的一段代码可以帮你实现。 //七牛镜像存储 i…- 100
- 0
-
宝塔面板怎么给一个网站配置两个SSL证书
有时候同一个网站绑定了多个域名,为了保证所有的域名都能够实现 https 访问,就需要配置多个 SSL 证书,那么在宝塔面板下该如何实现呢?一个网站需要配置多个 SSL 证书么?遇到了这个情况,近期雅兮网主站逐步更换为新域名 www.yaxi.net,并且部署了 SSL 证书实现 https://www.yaxi.net 的访问,而旧域名 www.iyaxi.com 则做了 301 跳转到 htt… -
WordPress判断文章发布时间输出提示
今天走访博客时发现一个小功能挺好的,就是判断文章发布时间是否超过一个月时输出一段声明。因为百影阁是一个技术型、分享型网站,发布的文章时间久了可能有些技术功能已经过时、图片失效或者下载资源失效,当有访客再次阅读文章时,就应当设定一个友善的提醒,告诉他们正在阅读一个老帖子,已经发布 1 年以上或者更久,不是最新的文章,特别是当文章不显示发布日期时,这个功能更为有用,下面一个非常简单的方案可以实现这个提…
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!