-
通过JS实现一键复制指定内容教程
经常会见到网站上各种“一键复制”的友好体验按钮，不局限于 code 的复制，这样友好的体验，方便快捷的操作对访客来说百利无一害。在网上搜索了一番关于“JS 实现一键复制”的文章数不胜数啊。用得较多的就是通过 clipboard.min.js 来实现复制，毕竟现在 Flash 在各浏览器中被禁用等等各种不友好。今天分享一个实用的功能，通过点击事件复制一段文本到剪切板，在网上找了一些，整理了一下，方便…...- 0
- 0
- 65
-
巧妙使用uncss工具去除页面无用的CSS代码
从代码的角度讲，你知道什么是比往网站或应用里添加功能更好的事情吗？删除那些没用的东西。也许是一些代码、图片、或相关依赖等，就像扔掉家中储存柜里没用的产生异味的存货。我经常用 ImageOptim 来优化我的图片的体积，这既能提供页面加载速度，又能减少带宽流量。然而，你知道有什么工具能找到页面中样式文件里无用的 CSS 吗？之前我介绍过一个用 JavaScript 找到无用 CSS 的方法，但事实上…...- 0
- 0
- 16
-
移动端自适应样式@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
- 12
-
网站实现a标签直接下载pdf文件不在浏览器打开
默认情况下 pdf 文件使用超链接打开时，会在浏览器里直接打开预览，而不能直接下载。怎么让 pdf 文件点击后，自动下载而不是打开呢？其实让网站点击 a 标签直接下载 pdf 而不是在浏览器打开浏览方法很简单，只需要在 a 标签添加 download 属性即可，代码如下： <a href="wendang.pdf" download="文档.pdf"&…...- 0
- 0
- 115
-
CSS3实现鼠标经过网站图片纵向Y轴旋转
做网站时，为了让整个网站看起来更加动感，我们常常会在网站上放一些特效。例如，当鼠标经过时网站图片纵向 Y 轴旋转这个功能就是在很多网站上使用了。下面就来介绍一下制作方法。 实现这个功能很简单，通过 CSS3 的动画属性就可以了。 HTML 代码 <div id="fourmain"> <ul class="clearfix w1200"&g…...- 0
- 0
- 26
-
CSS实现边框透明的方法
透明一般认为是一种颜色属性，但是并没有这个数值。我们找到了一种让边框实现透明的最佳方案，运用 RGBA 设置。 css 可以使用 RGBA 设置边框透明，RGBA 在 RGB 的基础上多了控制 alpha 透明度的参数，我们使用 RGBA 设置边框颜色同时可以设置边框透明度。RGBA 在 RGB 的基础上多了控制 alpha 透明度的参数。R（红）、G（绿）、B（蓝）三个参数，正整数值的取值范围为…...- 0
- 0
- 9
-
jQuery 检测字符串是否含有中文
我们做好网站之后，如果网站前台有提交表单，经常会出现被恶意发布信息。而且内容都英文，这时，我们可以通过 jQuery 检测字符串是否含有中文来解决这些垃圾留言，jQuery 检测字符串是否含有中文代码很简单： //判断字符串是不是中文 String.prototype.isChinese = function () { var reg = /[^\x00-\xff]/ig;//判断是否存在中文和全…...- 0
- 0
- 41
-
判断访问用户终端设备类型
以前判断网站的访客全部用的是 userAgent 来判断的，基本上都是判断 userAgent，一些简单点的终端没有什么问题，可是用过一段时间发现有的手机终端不会跳转，后面研究了下百度 siteapp，发现他的函数写的挺好的，可以直接拿来用，判断的也比较全面。 使用 userAgent 判断（iPhone|iPod|Android|ios|iPad） function uaredirect(mur…...- 0
- 0
- 40
-
CSS控制图片水平居中与垂直居中
一个网站上会有很多图片，在网站排版过程中，需要设置图片居中显示。通过 CSS 控制图片居中显示，包括水平居中与垂直居中。图片的水平居中比较简单，也比较常见。就是使用外边距 margin:0 auto 来控制水平居中: .cont img{display:block;margin:0 auto;} 要实现图片在一个区域垂直居中，需要设置图片所在区域的 DISPLAY 属性，把这个区域名转化成单元格，…...- 0
- 0
- 84
-
Html清除浮动的几种方法介绍
Html 清除浮动的几种方法介绍，在清除浮动前我们要了解两个重要的定义： 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷） 知道浮动和为什么要清除浮动之后我们可以开始学习如何清除浮动了，这时候我们就需要用到清除浮动的属性 clear， clear:left |…...- 0
- 0
- 17
-
Audio 标签播放音频怎样隐藏下载按钮？禁止另存为？
有时候我们喜欢分享一些音频音乐，大部分应该会用插件来实现，调用网易或者 QQ 音乐。但是毕竟不是每首歌都能在某一平台找到，或者音质不理想，所以往往使用 audio 标签也就能满足了。但是 audio 标签的前台显示会有一个下载按键或者能右键另存为，这个就很不讨喜，如何隐藏呢？正常情况下，我们使用 audio 标签分享音频，前台显示会出现如下效果，会有一个下载的按钮，这个完全没有必要，还有不好的影响…...- 0
- 0
- 182
-
HTML中调用返回上一页代码
<a href=”javascript :history.back(-1)”>返回上一页</a> 或者： <a href=”javascript :;” onClick=”javascript :history.back(-1);”>返回上一页</a> 如果是用按钮做的话就是： <input type=”button” name=”Submit…...- 0
- 0
- 32
-
[前端美化]为B2主题首页增加一个公众号与网站统计区块！
小编今天无聊逛了逛B2主题的售后群，发现一枚大佬，这位大佬专门分享各种Wordpress主题以及好看的前端样式。 今天这篇文章就是基于这位大佬创作的，微码盒小编只是在原基础上稍微改动了一些。 预览 下面小编将这个代码展示出来，对于B2主题用户来说，使用非常简单。 只需要在主题设置-首页模块-新增一个HTML模板，位置可以自由选择。 HTML代码 <div class="join-u…...- 0
- 0
- 749
-
网站侧边添加梅花飘落特效
给网站左右两侧添加梅花飘落特效，花瓣从空中飘落，想雪花一样非常漂亮，刚开始耍博客的时候，比较热衷于这些，其实就是给网站加上一些特效，稍微的美化下带来一点异样的感觉，如果看起来感觉还可以，并且有兴趣的话，那我们继续看下怎么操作： 步骤一 首先，在 body 中，添加一个 div，来放置梅花树枝的图片 <div id="meihua"></div> 步骤二 …...- 0
- 0
- 108
-
jQuery 直接读取网站数据库数据并做判断的方法
我们在网站开发过程中，我们有时需要直接从数据库里读取数据，并且将数据进行相关的判断。我们读取数据库的常用方法就是直接使用 PHP 来读取。 今天给大家介绍一下使用 JQUEYR 直接读取网站数据库数据并做判断的方法。通过 JQEURY 从数据库中拿数据，并且根据自己的需要进行判断得到相关的结果。 JQUEYR 直接读取网站数据库需要以下几个步骤，首先是 JS 文件，在 JS 文件中，使用 AJAX…...- 0
- 0
- 15
-
通过CSS代码自定义站点滚动条样式
平时我们看多了浏览器默认的滚动条也会腻的，所以偶尔改变一下滚动条的样式及颜色也是一种不错的选择。下面跟大家简单介绍一下如何通过 CSS 代码来自定义自己站点上的滚动条样式。此方法使用 CSS 来设置滚动条的样式，这比使用 jQuery 更快。但是，它仅适用于使用 Google Chrome，Safari，Opera 等 WebKit 渲染引擎的桌面浏览器。它对桌面计算机上的移动浏览器或 Firef…...- 0
- 0
- 31
-
CSS 中 background 属性合并写法
上次写 CSS 样式时同时有 background-size background-positon 两个属性，但是我想合并成一个 background 来写，刚开始遇到了一些麻烦，怎么写都不生效。后面谷歌，我们应该这样子写： background：no-repeat scroll 0px 0px / 200px 29px rgba(0, 0, 0, 0); / 做分割 前面是 background…...- 0
- 0
- 34
-
自适应网页怎么做？自适应网页制作方法
自适应网页是指网页根据用户浏览设备的头信息，自动变换网页的 CSS 参数，达到网不同浏览设置显示不同的网页版面的效果。自适应网页的原因就是使用 CSS3 中的@media 属性来判断变换的。在实际网页制作过程中，我们怎么制作自适应网页呢？下面介绍一下自适应网页制作方法。 第一步：在网页头信息中添加 meta 参数； <meta content="width=device-width…...- 0
- 0
- 19
-
响应式网页中如何插入响应式图片
现下流行的网页基本都是基于响应式布局设计（responsive web design）的，本文讲解在响应式布局的网页中如何正确的插入图片使其能自适应屏幕大小，同时还能获得最佳的加载性能与显示效果，这种方式叫做”响应式图片”（responsive image）。 响应式图片的解决方案有很多，HTML、JavaScript 和 CSS 都可以实现，本文介绍 HTML 与 CSS 两种方式，因为实现最简…...- 0
- 0
- 57
-
jQuery 鼠标滑过链接图片滑动展开与隐藏效果
这篇文章主要介绍了 jQuery 实现鼠标滑过链接控制图片的滑动展开与隐藏效果，涉及 jQuery 鼠标事件的响应及链式操作的相关技巧，具有一定参考借鉴价值，需要的朋友可以参考下。 这里演示 jQuery 实现鼠标移动到链接上，滑动展开/隐藏图片效果，鼠标放在“上一页”“下一页”上，立即浮现出所对应的图片，有点提前预览的味道，让用户知道下一页或下一页的大致内容，很好的提升了用户体验。运行效果截图如…...- 0
- 0
- 11
-
jQuery 监听 textarea 文本段数据行数方法
在做网站时，少不了一些表单，在前面的教程中，我们介绍了怎么给表单 textarea 文本域添加行号。如果在表单里如果我们想限制用户的输入数据的行数，可以通过 JQUERY 代码来实现监听。以下是 jquery 监听 textarea 数据行数方法： $("#textarea").val().split("\n").length 通过这个监听的数据，我们也可以…...- 0
- 0
- 12
-
CSS样式表中样式覆盖优先顺序
有时候在写 CSS 的过程中，某些限制总是不起作用，这就涉及了 CSS 样式覆盖的问题，如下： #navigator { height: 100%; width: 200; position: absolute; left: 0; border: solid 2 #EEE; } .current_block { border: solid 2 #AE0; } 查找一些教材中（w3schools 等…...- 0
- 0
- 20
-
CSS 文字加粗不影响整体宽度
在写 Tab 组件时（每一项的数据都从后台获取，width 宽度不定，使用 padding 隔开），下划线时通过计算每一项的宽度实现滑动效果，字体加粗标记当前项，且当鼠标 hover 时，对应项的字体也加粗，此时由于字体加导致粗宽度变化了，所以滑块位置也偏移了，想到用鼠标的 mouseenter 和 mouseleave 重新计算宽度，但是比较麻烦，有没有好的方法处理，使字体加粗不影响宽度的改变？…...- 0
- 0
- 182
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×