-
Pjax 无刷新加载页面基础示例
今天浏览了一些精美的前端页面，然后看见有些页面运用了pjax，让整个页面加载很快。之前很久就想去看看 Pjax 是怎么实现的了，今天就去了解了一下，然后懂得了他的运行原理。下面就来分享一下。 在两个不同的页面，把内容放在同一个容器当中，然后绑定本页的所有 a 标签，然后替换旧的容器的内容为新的内容。为了方便理解，我绘制了一个草图（画的不好，不喜勿喷）。 第一步 首先在页面引入 Jquery1.7 …...- 0
- 0
- 58
-
微信打开网址添加提示浏览器中打开遮罩
由于微信的限制，应用文件在内置浏览器中下载全部被屏蔽掉，造成很多人用微信扫描二维码下载时点击下载按钮没反应，我想到的是做一个提示用户在浏览器中打开下载。网上流传的各种微信打开下载链接，微信已更新基本失效。今天要加的是一个终极解决方法：弹出一个遮罩提示用户在新的浏览器窗口打开。再也不用管微信如何的更新，直接判断微信的 ua，然后弹出一个遮罩提示用户在浏览器中打开下载。并且不加关闭的按钮。类似于下面这…...- 0
- 0
- 48
-
CSS3渐变色的实现方法讲解
在进行网页编程的时候有很多时候都会用到渐变色，但是 CSS2 处理渐变色比较困难，CSS3 就比较方便了，所以今天余斗就教大家用 CSS3 实现渐变色功能。 CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的时间和宽带的使用。此外，渐变效果的元素在放大时看起…...- 0
- 0
- 18
-
WordPress翻译中 __()、_e()、_x、_ex 、 _n 的用法
作为 WordPress 主题或插件开发者，创客云建议大家要掌握主题或插件国际化（I18n）/本地化的实现方法，WordPress 使用了下面几个函数来方便语言本地化： __() _e() _x() _ex() _n() 以上所列的函数是用来包含所需翻译的字符串的，根据字符串的不同参数和输出类型，需要使用不同的函数。相信有不少朋友还是不太明白这几个函数的区别和用法，下面就来详细说说。 __() 和…...- 0
- 0
- 23
-
通过JS实现一键复制指定内容教程
经常会见到网站上各种“一键复制”的友好体验按钮，不局限于 code 的复制，这样友好的体验，方便快捷的操作对访客来说百利无一害。在网上搜索了一番关于“JS 实现一键复制”的文章数不胜数啊。用得较多的就是通过 clipboard.min.js 来实现复制，毕竟现在 Flash 在各浏览器中被禁用等等各种不友好。今天分享一个实用的功能，通过点击事件复制一段文本到剪切板，在网上找了一些，整理了一下，方便…...- 0
- 0
- 54
-
巧妙使用uncss工具去除页面无用的CSS代码
从代码的角度讲，你知道什么是比往网站或应用里添加功能更好的事情吗？删除那些没用的东西。也许是一些代码、图片、或相关依赖等，就像扔掉家中储存柜里没用的产生异味的存货。我经常用 ImageOptim 来优化我的图片的体积，这既能提供页面加载速度，又能减少带宽流量。然而，你知道有什么工具能找到页面中样式文件里无用的 CSS 吗？之前我介绍过一个用 JavaScript 找到无用 CSS 的方法，但事实上…...- 0
- 0
- 14
-
移动端自适应样式@media的使用方法
通用手机端样式： @media all and (orientation : portrait) { /*竖屏*/ } @media all and (orientation : landscape) { /*横屏*/ } 指定手机端高度样式： @media screen and (max-width: 750px) @media screen and (min-width: 720px) and…...- 0
- 0
- 9
-
网站实现a标签直接下载pdf文件不在浏览器打开
默认情况下 pdf 文件使用超链接打开时，会在浏览器里直接打开预览，而不能直接下载。怎么让 pdf 文件点击后，自动下载而不是打开呢？其实让网站点击 a 标签直接下载 pdf 而不是在浏览器打开浏览方法很简单，只需要在 a 标签添加 download 属性即可，代码如下： <a href="wendang.pdf" download="文档.pdf"&…...- 0
- 0
- 69
-
CSS3实现鼠标经过网站图片纵向Y轴旋转
做网站时，为了让整个网站看起来更加动感，我们常常会在网站上放一些特效。例如，当鼠标经过时网站图片纵向 Y 轴旋转这个功能就是在很多网站上使用了。下面就来介绍一下制作方法。 实现这个功能很简单，通过 CSS3 的动画属性就可以了。 HTML 代码 <div id="fourmain"> <ul class="clearfix w1200"&g…...- 0
- 0
- 20
-
CSS实现边框透明的方法
透明一般认为是一种颜色属性，但是并没有这个数值。我们找到了一种让边框实现透明的最佳方案，运用 RGBA 设置。 css 可以使用 RGBA 设置边框透明，RGBA 在 RGB 的基础上多了控制 alpha 透明度的参数，我们使用 RGBA 设置边框颜色同时可以设置边框透明度。RGBA 在 RGB 的基础上多了控制 alpha 透明度的参数。R（红）、G（绿）、B（蓝）三个参数，正整数值的取值范围为…...- 0
- 0
- 7
-
jQuery 检测字符串是否含有中文
我们做好网站之后，如果网站前台有提交表单，经常会出现被恶意发布信息。而且内容都英文，这时，我们可以通过 jQuery 检测字符串是否含有中文来解决这些垃圾留言，jQuery 检测字符串是否含有中文代码很简单： //判断字符串是不是中文 String.prototype.isChinese = function () { var reg = /[^\x00-\xff]/ig;//判断是否存在中文和全…...- 0
- 0
- 37
-
判断访问用户终端设备类型
以前判断网站的访客全部用的是 userAgent 来判断的，基本上都是判断 userAgent，一些简单点的终端没有什么问题，可是用过一段时间发现有的手机终端不会跳转，后面研究了下百度 siteapp，发现他的函数写的挺好的，可以直接拿来用，判断的也比较全面。 使用 userAgent 判断（iPhone|iPod|Android|ios|iPad） function uaredirect(mur…...- 0
- 0
- 38
-
CSS控制图片水平居中与垂直居中
一个网站上会有很多图片，在网站排版过程中，需要设置图片居中显示。通过 CSS 控制图片居中显示，包括水平居中与垂直居中。图片的水平居中比较简单，也比较常见。就是使用外边距 margin:0 auto 来控制水平居中: .cont img{display:block;margin:0 auto;} 要实现图片在一个区域垂直居中，需要设置图片所在区域的 DISPLAY 属性，把这个区域名转化成单元格，…...- 0
- 0
- 80
-
Html清除浮动的几种方法介绍
Html 清除浮动的几种方法介绍，在清除浮动前我们要了解两个重要的定义： 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷） 知道浮动和为什么要清除浮动之后我们可以开始学习如何清除浮动了，这时候我们就需要用到清除浮动的属性 clear， clear:left |…...- 0
- 0
- 14
-
Audio 标签播放音频怎样隐藏下载按钮？禁止另存为？
有时候我们喜欢分享一些音频音乐，大部分应该会用插件来实现，调用网易或者 QQ 音乐。但是毕竟不是每首歌都能在某一平台找到，或者音质不理想，所以往往使用 audio 标签也就能满足了。但是 audio 标签的前台显示会有一个下载按键或者能右键另存为，这个就很不讨喜，如何隐藏呢？正常情况下，我们使用 audio 标签分享音频，前台显示会出现如下效果，会有一个下载的按钮，这个完全没有必要，还有不好的影响…...- 0
- 0
- 148
-
HTML中调用返回上一页代码
<a href=”javascript :history.back(-1)”>返回上一页</a> 或者： <a href=”javascript :;” onClick=”javascript :history.back(-1);”>返回上一页</a> 如果是用按钮做的话就是： <input type=”button” name=”Submit…...- 0
- 0
- 29
-
[前端美化]为B2主题首页增加一个公众号与网站统计区块！
小编今天无聊逛了逛B2主题的售后群，发现一枚大佬，这位大佬专门分享各种Wordpress主题以及好看的前端样式。 今天这篇文章就是基于这位大佬创作的，微码盒小编只是在原基础上稍微改动了一些。 预览 下面小编将这个代码展示出来，对于B2主题用户来说，使用非常简单。 只需要在主题设置-首页模块-新增一个HTML模板，位置可以自由选择。 HTML代码 <div class="join-u…...- 0
- 0
- 749
-
网站侧边添加梅花飘落特效
给网站左右两侧添加梅花飘落特效，花瓣从空中飘落，想雪花一样非常漂亮，刚开始耍博客的时候，比较热衷于这些，其实就是给网站加上一些特效，稍微的美化下带来一点异样的感觉，如果看起来感觉还可以，并且有兴趣的话，那我们继续看下怎么操作： 步骤一 首先，在 body 中，添加一个 div，来放置梅花树枝的图片 <div id="meihua"></div> 步骤二 …...- 0
- 0
- 92
-
jQuery 直接读取网站数据库数据并做判断的方法
我们在网站开发过程中，我们有时需要直接从数据库里读取数据，并且将数据进行相关的判断。我们读取数据库的常用方法就是直接使用 PHP 来读取。 今天给大家介绍一下使用 JQUEYR 直接读取网站数据库数据并做判断的方法。通过 JQEURY 从数据库中拿数据，并且根据自己的需要进行判断得到相关的结果。 JQUEYR 直接读取网站数据库需要以下几个步骤，首先是 JS 文件，在 JS 文件中，使用 AJAX…...- 0
- 0
- 13
-
通过CSS代码自定义站点滚动条样式
平时我们看多了浏览器默认的滚动条也会腻的，所以偶尔改变一下滚动条的样式及颜色也是一种不错的选择。下面跟大家简单介绍一下如何通过 CSS 代码来自定义自己站点上的滚动条样式。此方法使用 CSS 来设置滚动条的样式，这比使用 jQuery 更快。但是，它仅适用于使用 Google Chrome，Safari，Opera 等 WebKit 渲染引擎的桌面浏览器。它对桌面计算机上的移动浏览器或 Firef…...- 0
- 0
- 29
-
CSS 中 background 属性合并写法
上次写 CSS 样式时同时有 background-size background-positon 两个属性，但是我想合并成一个 background 来写，刚开始遇到了一些麻烦，怎么写都不生效。后面谷歌，我们应该这样子写： background：no-repeat scroll 0px 0px / 200px 29px rgba(0, 0, 0, 0); / 做分割 前面是 background…...- 0
- 0
- 22
-
自适应网页怎么做？自适应网页制作方法
自适应网页是指网页根据用户浏览设备的头信息，自动变换网页的 CSS 参数，达到网不同浏览设置显示不同的网页版面的效果。自适应网页的原因就是使用 CSS3 中的@media 属性来判断变换的。在实际网页制作过程中，我们怎么制作自适应网页呢？下面介绍一下自适应网页制作方法。 第一步：在网页头信息中添加 meta 参数； <meta content="width=device-width…...- 0
- 0
- 17
-
响应式网页中如何插入响应式图片
现下流行的网页基本都是基于响应式布局设计（responsive web design）的，本文讲解在响应式布局的网页中如何正确的插入图片使其能自适应屏幕大小，同时还能获得最佳的加载性能与显示效果，这种方式叫做”响应式图片”（responsive image）。 响应式图片的解决方案有很多，HTML、JavaScript 和 CSS 都可以实现，本文介绍 HTML 与 CSS 两种方式，因为实现最简…...- 0
- 0
- 54
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×