CSS 自定义浏览器滚动条样式 PetitQ HTML/CSS 2021-12-26 990 0 0 最近在使用Chrome浏览器访问QQ会员的官网时候发现网站的浏览器默认侧边滚动栏变成了如下图所示的样式,后来上网去查询了一下,然后得知该样式是可以通过CSS来设计的,于是就是自己捣鼓了一下。 该样式仅限于Chromium内核的浏览器…
CSS 自定义浏览器滚动条样式 PetitQ HTML/CSS 2021-12-26 990 0 0 最近在使用Chrome浏览器访问QQ会员的官网时候发现网站的浏览器默认侧边滚动栏变成了如下图所示的样式,后来上网去查询了一下,然后得知该样式是可以通过CSS来设计的,于是就是自己捣鼓了一下。 该样式仅限于Chromium内核的浏览器…
jQuery 监听 textarea 文本段数据行数方法 PetitQ HTML/CSS 2020-9-15 974 0 0 在做网站时,少不了一些表单,在前面的教程中,我们介绍了怎么给表单textarea文本域添加行号。如果在表单里如果我们想限制用户的输入数据的行数,可以通过JQUERY代码来实现监听。以下是jquery监听textarea数据行数方法:…
jQuery 监听 textarea 文本段数据行数方法 PetitQ HTML/CSS 2020-9-15 974 0 0 在做网站时,少不了一些表单,在前面的教程中,我们介绍了怎么给表单textarea文本域添加行号。如果在表单里如果我们想限制用户的输入数据的行数,可以通过JQUERY代码来实现监听。以下是jquery监听textarea数据行数方法:…
jQuery 鼠标滑过链接图片滑动展开与隐藏效果 PetitQ HTML/CSS 2020-3-28 961 0 0 这篇文章主要介绍了jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果,涉及jQuery鼠标事件的响应及链式操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下。 这里演示jQuery实现鼠标移动到链接上,滑动展开/隐藏图…
jQuery 鼠标滑过链接图片滑动展开与隐藏效果 PetitQ HTML/CSS 2020-3-28 961 0 0 这篇文章主要介绍了jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果,涉及jQuery鼠标事件的响应及链式操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下。 这里演示jQuery实现鼠标移动到链接上,滑动展开/隐藏图…
jQuery 实现点击选中改变当前样式 PetitQ HTML/CSS 2020-9-15 960 0 0 在做网站时,有些栏目元素有选择性,当我们点击某个栏目时,它会显示出不同于其它的样式,而没有被点击的,就恢复正常样式。效果如下图: 怎么在自己做网站时,实现这样的点击后改变当前样式的效果呢?这就需要使用JQUERY代码了。以下是JQU…
jQuery 实现点击选中改变当前样式 PetitQ HTML/CSS 2020-9-15 960 0 0 在做网站时,有些栏目元素有选择性,当我们点击某个栏目时,它会显示出不同于其它的样式,而没有被点击的,就恢复正常样式。效果如下图: 怎么在自己做网站时,实现这样的点击后改变当前样式的效果呢?这就需要使用JQUERY代码了。以下是JQU…
CSS控制图片水平居中与垂直居中 PetitQ HTML/CSS 2021-12-26 952 0 0 一个网站上会有很多图片,在网站排版过程中,需要设置图片居中显示。通过CSS控制图片居中显示,包括水平居中与垂直居中。图片的水平居中比较简单,也比较常见。就是使用外边距margin:0 auto来控制水平居中: .cont img{d…
CSS控制图片水平居中与垂直居中 PetitQ HTML/CSS 2021-12-26 952 0 0 一个网站上会有很多图片,在网站排版过程中,需要设置图片居中显示。通过CSS控制图片居中显示,包括水平居中与垂直居中。图片的水平居中比较简单,也比较常见。就是使用外边距margin:0 auto来控制水平居中: .cont img{d…
竖向长方形图片横向排列并取图片中间不挤压变形的CSS方法 PetitQ HTML/CSS 2021-12-18 920 0 0 先看下这个图片:一个竖向的长方形图片,需求就是:通过CSS的方法使展示的时候竖向图片要实现横向正方形排列而且图片不能变形。一般排列后效果为: 完全变形了,那么进行代码样式优化后的效果为(取图片中间): HTML部分: CSS部分: …
竖向长方形图片横向排列并取图片中间不挤压变形的CSS方法 PetitQ HTML/CSS 2021-12-18 920 0 0 先看下这个图片:一个竖向的长方形图片,需求就是:通过CSS的方法使展示的时候竖向图片要实现横向正方形排列而且图片不能变形。一般排列后效果为: 完全变形了,那么进行代码样式优化后的效果为(取图片中间): HTML部分: CSS部分: …
jQuery 正则获取其他页面指定内容到当前页面 PetitQ HTML/CSS 2020-9-18 902 0 0 使用jquery获取其他页面全部内容刷新到本页面div容器中比较简单,直接使用$("#div").load("b.html");就可以了。今天发一个获取其他页面获取指定元素插入到本页的例子,例子用到jquery和正则表达式。实现a.…
jQuery 正则获取其他页面指定内容到当前页面 PetitQ HTML/CSS 2020-9-18 902 0 0 使用jquery获取其他页面全部内容刷新到本页面div容器中比较简单,直接使用$("#div").load("b.html");就可以了。今天发一个获取其他页面获取指定元素插入到本页的例子,例子用到jquery和正则表达式。实现a.…
如何给自己的网站添加WEB社交分享按钮 PetitQ HTML/CSS 2022-5-02 881 0 0 我们注意到,很多的网站都有WEB分享按钮,可以一键分享到很多的网站平台,如:分享到微博、微信、人人网等等。 以前我们做这种WEB分享按钮使用的是百度分享,但现在百度分享已经停用了。下面介绍另一种自己做网站时添加WEB分享按钮的方法。…
如何给自己的网站添加WEB社交分享按钮 PetitQ HTML/CSS 2022-5-02 881 0 0 我们注意到,很多的网站都有WEB分享按钮,可以一键分享到很多的网站平台,如:分享到微博、微信、人人网等等。 以前我们做这种WEB分享按钮使用的是百度分享,但现在百度分享已经停用了。下面介绍另一种自己做网站时添加WEB分享按钮的方法。…
如何让网页文字像古文一样从右到左排列 PetitQ HTML/CSS 2022-9-12 858 0 0 以前古文书籍的文字排序是从右到左,向上到下的排列。那么我们自己的网页上的文字也想像古文书籍那样排列,怎么实现呢?对于CSS3中已经有这样的属性来控制这个的效果了。 要实现这种网页文字像古文一样从右到左排列,可以使用CSS3中的wri…
如何让网页文字像古文一样从右到左排列 PetitQ HTML/CSS 2022-9-12 858 0 0 以前古文书籍的文字排序是从右到左,向上到下的排列。那么我们自己的网页上的文字也想像古文书籍那样排列,怎么实现呢?对于CSS3中已经有这样的属性来控制这个的效果了。 要实现这种网页文字像古文一样从右到左排列,可以使用CSS3中的wri…
最简单的HTMML5下拉菜单样式表代码分享 PetitQ HTML/CSS 2020-9-23 849 0 0 下拉菜单是wordpress程序主题里面最常用的菜单体验方式,但是大多新手的对于菜单的使用和调整方式并不理解,尤其是不懂样式表的同学操作起来很加的困难,所以这里给大家提供了现成的样式表代码样式,可以直接复制过去就可以呈现下拉的形态,…
最简单的HTMML5下拉菜单样式表代码分享 PetitQ HTML/CSS 2020-9-23 849 0 0 下拉菜单是wordpress程序主题里面最常用的菜单体验方式,但是大多新手的对于菜单的使用和调整方式并不理解,尤其是不懂样式表的同学操作起来很加的困难,所以这里给大家提供了现成的样式表代码样式,可以直接复制过去就可以呈现下拉的形态,…
jQuery 检测字符串是否含有中文 PetitQ HTML/CSS 2020-9-15 783 0 0 我们做好网站之后,如果网站前台有提交表单,经常会出现被恶意发布信息。而且内容都英文,这时,我们可以通过jQuery检测字符串是否含有中文来解决这些垃圾留言,jQuery检测字符串是否含有中文代码很简单: //判断字符串是不是中文 S…
jQuery 检测字符串是否含有中文 PetitQ HTML/CSS 2020-9-15 783 0 0 我们做好网站之后,如果网站前台有提交表单,经常会出现被恶意发布信息。而且内容都英文,这时,我们可以通过jQuery检测字符串是否含有中文来解决这些垃圾留言,jQuery检测字符串是否含有中文代码很简单: //判断字符串是不是中文 S…
巧妙利用CSS自动裁剪图像 PetitQ HTML/CSS 2021-11-29 779 0 0 页面中需要在某个位置显示固定长宽的正方形图片,图片中有接近正方形比例但不是正方形,用PHP生成裁剪后的缩略图显然不合适,经过研究发现用CSS可以完美切割图片,经过测试Chrome,FF,IE6-9没问题。css有一个clip属性可以…
巧妙利用CSS自动裁剪图像 PetitQ HTML/CSS 2021-11-29 779 0 0 页面中需要在某个位置显示固定长宽的正方形图片,图片中有接近正方形比例但不是正方形,用PHP生成裁剪后的缩略图显然不合适,经过研究发现用CSS可以完美切割图片,经过测试Chrome,FF,IE6-9没问题。css有一个clip属性可以…