-
如何让网页文字像古文一样从右到左排列
以前古文书籍的文字排序是从右到左,向上到下的排列。那么我们自己的网页上的文字也想像古文书籍那样排列,怎么实现呢?对于 CSS3 中已经有这样的属性来控制这个的效果了。 要实现这种网页文字像古文一样从右到左排列,可以使用 CSS3 中的 writing-mode 属性。 writing-mode 属性定义了文本在水平或垂直方向上如何排布。 语法格式如下: writing-mode: horizont…... Joker
- 0
- 0
- 90
-
CSS文本中换行不生效空格合并
css 天天打交道,没想到在一个基础的 white-space 属性上栽跟斗了,最近在项目的一个功能时,小程序上报上来的问题,用户是选择了直接使用手机键盘上换行的方式来填写多行的表单内容。但是当 PC 管理端查看的时候,span 内的内容全部挤到了一起,没有想用户提交的那样,一条是一条的。 现在框架用多了的小伙伴哪里还有 CSS 这么基础的储备,于是跑过来问,我也搞得一脸懵。于是乎,开始翻找 cs…... Joker
- 0
- 0
- 28
-
CSS3 Flexbox 弹性布局教程 & 实操案例
我们知道在 Web 短暂的历史中,设计师用过多种不同的网页布局方式。一开始,设计师依靠 HTML 表格组织内容,把页面分成多行和多列。可是,HTML 中的 table 标签原本就不是为页面布局而生的。后来出现了 CSS 盒基于浮动的布局,使用这种方法控制页面布局更简单,也更加符合逻辑。 如今,基于浮动的布局仍然是最常用的方法,而且设计师一直在改进其用法。例如,栅格系统就是创建布局的得力工具,不过其…... Joker
- 0
- 0
- 26
-
font-face 字体文件跨域解决办法字体跨域
开发网站的时候经常会调用不同域名下的字体文件(同源策略禁止读取位于 ttf 文件),但是出现无限的情况,提示如下:已拦截跨源请求: 同源策略禁止读取位于 https://www.weimahe.com/fonts/fontawesome-webfont.woff?v=4.7.0 的远程资源。(原因:CORS 头缺少 ‘Access-Control-Allow-Origin’) 已拦截跨源请求:同源…... Joker
- 0
- 0
- 37
-
通过 CSS自定义属性(CSS变量)和 JavaScript 实现高级CSS主题切换
在本教程中,我们将使用 CSS 自定义属性(也称为 CSS 变量)来为简单的 HTML 页面实现主题切换。 我们将创建暗黑和明亮的示例主题,然后编写 JavaScript 以在用户单击按钮时在两者之间切换。 如果你以前没接触过,请先阅读 CSS 变量(自定义属性)实用指南及注意事项这篇文章 就像在典型的编程语言中一样,变量用于保存或存储值。 在 CSS 中,它们通常用于存储颜色,字体名称,字体大小…... Joker
- 0
- 0
- 20
-
PHP中判断一个字符串包含另一个字符串的方法
第一种方法:用 php 的 strpos() 函数判断字符串中是否包含某字符串的方法 if(strpos('www.weimahe.com','22vd') !== false){ echo '包含22vd'; }else{ echo '不包含22vd…... Joker
- 0
- 0
- 25
-
jQuery保护网站不被仿站复制盗用
1.利用仿站工具或类似仿站工具之类原理的爬取工具,批量的抓取页面到本地,适合页面类型多的网站,要想杜绝仿站工具及类似工具的爬取就需要在服务器端做好设置,允许正常的用户(浏览器 UA)以及正常的搜索引擎蜘蛛(搜索蜘蛛 UA,例如百度 Baiduspider)访问网站的页面,禁止非法的 UA,比如仿站工具前来爬取页面内容,所以只要配置好禁止爬取的 UA 即可: #以下是nginx的配置细节,添加到se…... Joker
- 0
- 0
- 13
-
CSS3中鼠标滑过图片突出放大效果
这篇前端教程是友联站长发布的,刚刚看了下感觉还不错,纯 CSS 实现,虽然在开发主题时 CSS3 用的比较少。这是一款简单实用的 CSS3 鼠标滑过图片放大特效,我们可以将它应用在相册中,或者是轮播展示的图片中,这样可以将鼠标移到图片上进行快速预览图片。同时你也可以在此基础上扩展它,比如给图片加投影和边框等。整一个图片放大特效还是比较酷的。 HTML 代码 <div class="…... Joker
- 0
- 0
- 28
-
纯CSS3将彩色图片转换成黑白图片
通过使用过滤器我们能够不使用 photoshop 等图像软件或 js、php 等技术就可以进行各种图像处理。 最近到处看到有人在说 CSS3 的 filter 一直没有时间自己去测试这效果。 现在,CSS 过滤器已经被各种现代浏览器广泛支持,我们可以使用一些组合的方法,来制作跨浏览器的图像处理效果, 通过这种方法,即使是在 IE 浏览器中也能够正确的显示我们需要的图像效果。 今天终于抽出时间学习这…... Joker
- 0
- 0
- 15
-
表单动画 jQuery 插件:Form Animation Plugin
今天为大家分享的表单动画 jQuery 插件:Form Animatiom,我想大家看图就知道他作用是干什么了。主要作用就是当用户提交错误表单时,而触发动画提醒功能,这样会更加醒目,而动画效果友好,不会太过唐突。该插件需要引入 Animate.css 才能实现动画,所以你完全可以从 Animate.css 的几十种动画效果里挑选你喜欢的。 效果演示: 但可能用户会问,这么一个动画也要插件吗?别担心…... Joker
- 0
- 0
- 12
-
半小时学会正则表达式(上)
正则表达式(Regular Expression)在代码中常常简写为 regex。正则表达式通常被用来检索、替换那些符合某个规则的文本,它是一种强大而灵活的文本处理工具。正则描述了一个规则,通过这个规则可以匹配一类字符串。 如何学习正则? 1、学习正则表达式的语法规则 2、练习使用正则并能解决实际问题 针对上面的每个点我会分别写一篇文章来说明,用最短的时间学会正则表达式。这篇文章讲述正则表达式的语…... Joker
- 0
- 0
- 8
-
Background-repeat 怎么使用
我们知道 background 属性是用于设置背景的,那么 background-repeat 属性怎么使用呢?本篇文章就来给大家介绍一下 background-repeat 属性的使用方法。background-repeat 属性设置是否及如何重复背景图像,也就是定义了图像的平铺模式。默认地,背景图像在水平和垂直方向上重复。background-repeat 属性的设置从原图像开始重复,原图像由…... Joker
- 0
- 0
- 12
-
CSS样式表属性最佳书写顺序是怎样的?
好久没有更文了,博客都要荒废了,惭愧一下下,刚好这段时间稍微整理了一下之前写的样式表,就来说下 CSS 样式表中各个属性的书写顺序是怎样的。 像很多初学者一样,飞鸟刚开始写样式表也是很佛系的,想到什么就在样式里写什么,毫无规律。其实这样不仅不利于查看维护,更重要的是混乱的 CSS 属性书写顺序会对网页的加载渲染造成影响,拖慢页面加载速度。也就是说,一个规范的 CSS 属性书写属性也是网页优化的组成…... Joker
- 0
- 0
- 27
-
原生态JS的方法调用CLASS元素标签
最近研究起来原生态的 js 来,主要因为 jquery 太冗余了,拖慢了网站的访问速度,于是就写下了下面的这段代码来替换$(“.a1”)和$(“.a2”),希望对你们有用。 <html> <head> <title></title> <script type="text/javascript"> window.onlo…... Joker
- 0
- 0
- 10
-
网站Video标签播放大视频卡顿解决方法(m3u8流媒体)
自从 HTML5 推出之后,网站上的视频可以像图片一样使用 video 标签直接播放了。但使用 video 播放视频有一个缺点就是只能播放小视频,如果视频比较大就会出现卡顿的问题。因为它需要先把视频加载完才会播放。 下面就介绍一下网站 Video 标签播放大视频卡顿解决方法,就是将普通的 MP4 视频转成 m3u8 流媒体,然后再使用 video 标签进行播放。可以彻底解决 Video 标签播放大…... Joker
- 0
- 0
- 287
-
企业网站上添加位置地图的方法
现在很多企业网站上都有位置地图功能,方便用户查看公司的位置。让企业网站更有信任感。效果如下图: 网站上添加位置地图功能,一般是使用百度地图 API 来做的。下面介绍一下企业网站上添加位置地图的具体方法。 第一步 引入百度地图 API,将下面的 JS 代码保存到一个 JS 文件为 map.js; (function(){window.BMAP_PROTOCOL = "https"…... Joker
- 0
- 0
- 20
-
jQuery 检查一个元素是否存在然后按需加载内容
前端开发的过程中,我们会使用很多 jQuery 插件,jQuery 插件使用得多了,会导致网页打开速度变慢。而引入的 jQuery 插件并不是每个页面都需要的。这时候使用按需加载的方法加载 jQuery 插件会对前端性能的提升有不少帮助。按需加载的方法有很多,今天我们来说一下 jQuery 的方法。判断网页中一个元素是否存在的方法: var $selector = $('.my-elem…... Joker
- 0
- 0
- 9
-
CSS修复图片指定尺寸缩小后模糊不清的问题
最近在开发插件的过程中,需要设定支付宝当面付二维码的图片尺寸大小的问题。起初很简单地直接在 <img> 标签中设定 height 和 width 属性,但是很快发现,大小是改变了,但图片质量下滑很严重。这就比较奇怪了,因为指定的图片尺寸,比实际图片的尺寸要小,也就是所是缩小展示,按我日常摄影的直觉,缩小后的图片不应该更锐利清晰才对么。 CSS 属性 image-rendering 用于…... Joker
- 0
- 0
- 54
-
Span之间空隙原因和解决办法
span 之间的空隙,到底是什么?display:inline-block 的元素虽然能够处于同一行,但是很变态的是它们之间出现了空格,如何处理? (例如在浮动元素居中当中,我们必须使用 display:inline-block) 实例代码 <html> <head> <meta charset="UTF-8"/> <title>…... Joker
- 0
- 0
- 54
-
如何给自己的网站添加WEB社交分享按钮
我们注意到,很多的网站都有 WEB 分享按钮,可以一键分享到很多的网站平台,如:分享到微博、微信、人人网等等。 以前我们做这种 WEB 分享按钮使用的是百度分享,但现在百度分享已经停用了。下面介绍另一种自己做网站时添加 WEB 分享按钮的方法。 方法/步骤 第一步:打平网页分享平台:http://www.bshare.cn/ 第二步:选择自己需要的网页分享样式,可以根据自己网站的需求选择按钮的大小…... Joker
- 0
- 0
- 26
-
纯CSS粘住固定底部的5种方法
本文主要介绍一个 Footer 元素如何粘住底部,使其无论内容多或者少,Footer 元素始终紧靠在浏览器的底部。我们知道,当内容足够多可以撑开底部到达浏览器的底部,如果内容不够多,不足以撑开元素到达浏览器的底部时,下面要讲的布局就是解决如何使元素粘住浏览器底部。需求看下图: 方法一: 全局增加一个负值下边距等于底部高度,有一个全局的元素包含除了底部之外的所有内容。它有一个负值下边距等于底部的高度…... Joker
- 0
- 0
- 14
-
CSS文字超出部分隐藏并显示省略号
网站前端开发中 web 网页中文字超出了需要隐藏,并显示省略号这个在工作中很多时候都要用到,我想很多人都碰到过吧,实现这个效果有两种解决方法,大致如下: 一是用程序开截取字符长度,这个其实也是可以的,但是并不利于 SEO 优化,因为搜索引擎得到的也只是截取的长度 第二种是用 css 样式来做,这种只会隐藏超出部分,实际上隐藏的文字还是在 html 代码中只是没有被显示出来,这样搜索引擎也能够准确读…... Joker
- 0
- 0
- 8
-
jQuery判断鼠标向上滚动并浮动导航
判断鼠标向上滚动,或者向下滚动,可以通过对比用户的上一次滚动的坐标和下一次的坐标,当上一次小于下一次时,即用户在向下滚动,反之,则说明用户在向上滚动。滚动的坐标值可以取窗口的 scrollTop。为啥会有这个需求呢?有没有发现在一国外的一些网站,当你向上滚动时,导航条浮动在顶部位置。用户如果是想看内容就可以直接点击到达,省去很多拖动的时间,当然返回顶部也是比较容易。但有时候返回顶部这个按钮往往被人…... Joker
- 0
- 0
- 25
-
网页HTML特殊字符编码对照表
在设计和开发网页时,需要用到一些特殊符号,比如:©,®,℃,¥,⅜ 等等,有些上网找半天不一定能找到。HTML 特殊符号编码有很多种 unicode、十六进位码(hex code),html 实体编码(entity code),还有我们熟知的 html 实体(html entity) ,为了在 css content 属性中使用,还有对应的 css code。 你可以在 HTML 标签中直接插入十…... Joker
- 0
- 0
- 19






























