通过css在网页中实现容器内元素横向滚动 PetitQ HTML/CSS 2022-9-26 770 0 0 网页中元素默认是纵向排列的,我们可以通过css属性将容器内子元素实现横向排列,超出隐藏,并可以横向滚动。 基础结构如下: 1 2 3 4 5 . . . item可以根据实际需要增加更多 横向浮动,隐藏,滑动相关css如下: .it…
通过css在网页中实现容器内元素横向滚动 PetitQ HTML/CSS 2022-9-26 770 0 0 网页中元素默认是纵向排列的,我们可以通过css属性将容器内子元素实现横向排列,超出隐藏,并可以横向滚动。 基础结构如下: 1 2 3 4 5 . . . item可以根据实际需要增加更多 横向浮动,隐藏,滑动相关css如下: .it…
你是如何学会正则表达式的? PetitQ HTML/CSS 2019-11-20 1.25K 0 0 正则表达式在几乎所有语言中都可以使用,无论是前端的JavaScript、还是后端的Java、c#。他们都提供相应的接口/函数支持正则表达式。但很神奇的是:无论你大学选择哪一门计算机语言,都没有关于正则表达式的课程给你修,在你学会正则…
你是如何学会正则表达式的? PetitQ HTML/CSS 2019-11-20 1.25K 0 0 正则表达式在几乎所有语言中都可以使用,无论是前端的JavaScript、还是后端的Java、c#。他们都提供相应的接口/函数支持正则表达式。但很神奇的是:无论你大学选择哪一门计算机语言,都没有关于正则表达式的课程给你修,在你学会正则…
iframe 嵌入网页自动延伸高度保持嵌入网页高度 PetitQ HTML/CSS 2018-12-10 1.49K 0 1 平时我们或许会在一个网页中镶入一个可以不固定高度的网页,我们需要让框架随着镶入网页的高度从而增加高度,以下代码可以解决不支持自动扩展高度的问题。
iframe 嵌入网页自动延伸高度保持嵌入网页高度 PetitQ HTML/CSS 2018-12-10 1.49K 0 1 平时我们或许会在一个网页中镶入一个可以不固定高度的网页,我们需要让框架随着镶入网页的高度从而增加高度,以下代码可以解决不支持自动扩展高度的问题。
CSS文字超出部分隐藏并显示省略号 PetitQ HTML/CSS 2019-3-21 8.97K 0 6 网站前端开发中web网页中文字超出了需要隐藏,并显示省略号这个在工作中很多时候都要用到,我想很多人都碰到过吧,实现这个效果有两种解决方法,大致如下: 一是用程序开截取字符长度,这个其实也是可以的,但是并不利于SEO优化,因为搜索引擎…
CSS文字超出部分隐藏并显示省略号 PetitQ HTML/CSS 2019-3-21 8.97K 0 6 网站前端开发中web网页中文字超出了需要隐藏,并显示省略号这个在工作中很多时候都要用到,我想很多人都碰到过吧,实现这个效果有两种解决方法,大致如下: 一是用程序开截取字符长度,这个其实也是可以的,但是并不利于SEO优化,因为搜索引擎…
使用jQuery设置指定时间后页面元素隐藏 PetitQ HTML/CSS 2019-3-12 1.29K 0 0 在网页上我们通常会使用弹出框或者悬浮框来对重要的信息予以展示,但有时候为了兼顾到用户体验需要让其指定几秒后自动消失,使用jQuery我们就能够轻松实现。我们一般会使用悬浮条幅、弹窗框等来向用户展示某些重要的信息,如公告、APP下载提…
使用jQuery设置指定时间后页面元素隐藏 PetitQ HTML/CSS 2019-3-12 1.29K 0 0 在网页上我们通常会使用弹出框或者悬浮框来对重要的信息予以展示,但有时候为了兼顾到用户体验需要让其指定几秒后自动消失,使用jQuery我们就能够轻松实现。我们一般会使用悬浮条幅、弹窗框等来向用户展示某些重要的信息,如公告、APP下载提…
企业网站上添加位置地图的方法 PetitQ HTML/CSS 2021-12-02 716 0 0 现在很多企业网站上都有位置地图功能,方便用户查看公司的位置。让企业网站更有信任感。效果如下图: 网站上添加位置地图功能,一般是使用百度地图API来做的。下面介绍一下企业网站上添加位置地图的具体方法。 第一步 引入百度地图API,将下…
企业网站上添加位置地图的方法 PetitQ HTML/CSS 2021-12-02 716 0 0 现在很多企业网站上都有位置地图功能,方便用户查看公司的位置。让企业网站更有信任感。效果如下图: 网站上添加位置地图功能,一般是使用百度地图API来做的。下面介绍一下企业网站上添加位置地图的具体方法。 第一步 引入百度地图API,将下…
jQuery 正则获取其他页面指定内容到当前页面 PetitQ HTML/CSS 2020-9-18 898 0 0 使用jquery获取其他页面全部内容刷新到本页面div容器中比较简单,直接使用$("#div").load("b.html");就可以了。今天发一个获取其他页面获取指定元素插入到本页的例子,例子用到jquery和正则表达式。实现a.…
jQuery 正则获取其他页面指定内容到当前页面 PetitQ HTML/CSS 2020-9-18 898 0 0 使用jquery获取其他页面全部内容刷新到本页面div容器中比较简单,直接使用$("#div").load("b.html");就可以了。今天发一个获取其他页面获取指定元素插入到本页的例子,例子用到jquery和正则表达式。实现a.…
PHP 格式化时间显示刚刚、几分钟前、昨天、前天 PetitQ HTML/CSS 2019-3-12 1.96K 0 1 PHP把时间转换为友好时间段,如刚刚、几分钟前、几小时前、几天前的简单函数代码。通过把时间格式转换为时间戳,并把当前的时间戳减去之前时间的时间戳,相减后的时间戳除以相对应的秒数得到刚刚、几分钟前、几小时前、几天前的展示,需要的朋友可…
PHP 格式化时间显示刚刚、几分钟前、昨天、前天 PetitQ HTML/CSS 2019-3-12 1.96K 0 1 PHP把时间转换为友好时间段,如刚刚、几分钟前、几小时前、几天前的简单函数代码。通过把时间格式转换为时间戳,并把当前的时间戳减去之前时间的时间戳,相减后的时间戳除以相对应的秒数得到刚刚、几分钟前、几小时前、几天前的展示,需要的朋友可…
禁止移动设备长按拷贝 PetitQ HTML/CSS 2018-11-07 1.76K 0 0 网页在手机上浏览时通常会碰到一个问题,就是不小心触摸时间过长就出现自带的拷贝等按键了(有些客户也需要屏蔽手机端复制功能),造成了不好的体验,下面就教你解决办法。 web端,只需在css中加入代码就可以了 *{ -webkit-tou…
禁止移动设备长按拷贝 PetitQ HTML/CSS 2018-11-07 1.76K 0 0 网页在手机上浏览时通常会碰到一个问题,就是不小心触摸时间过长就出现自带的拷贝等按键了(有些客户也需要屏蔽手机端复制功能),造成了不好的体验,下面就教你解决办法。 web端,只需在css中加入代码就可以了 *{ -webkit-tou…
Firefox 火狐浏览器获得图片base64字符串的方法 PetitQ HTML/CSS 2022-1-02 1.22K 0 0 base64编码 是将数据用 64 个可打印的字符进行编码的方式,任何数据底层实现都是二进制,所以都可以进行 base64编码,base64编码 主要用在数据传输过程中(编码、解码)。而 Data URI 是将数据用 URI 的形式…
Firefox 火狐浏览器获得图片base64字符串的方法 PetitQ HTML/CSS 2022-1-02 1.22K 0 0 base64编码 是将数据用 64 个可打印的字符进行编码的方式,任何数据底层实现都是二进制,所以都可以进行 base64编码,base64编码 主要用在数据传输过程中(编码、解码)。而 Data URI 是将数据用 URI 的形式…
网站实现a标签直接下载pdf文件不在浏览器打开 PetitQ HTML/CSS 2023-3-03 1.14K 0 0 默认情况下pdf文件使用超链接打开时,会在浏览器里直接打开预览,而不能直接下载。怎么让pdf文件点击后,自动下载而不是打开呢?其实让网站点击a标签直接下载pdf而不是在浏览器打开浏览方法很简单,只需要在a标签添加download属性…
网站实现a标签直接下载pdf文件不在浏览器打开 PetitQ HTML/CSS 2023-3-03 1.14K 0 0 默认情况下pdf文件使用超链接打开时,会在浏览器里直接打开预览,而不能直接下载。怎么让pdf文件点击后,自动下载而不是打开呢?其实让网站点击a标签直接下载pdf而不是在浏览器打开浏览方法很简单,只需要在a标签添加download属性…
JS实现静态页面搜索并高亮显示的方法 PetitQ HTML/CSS 2020-9-05 1.27K 0 0 本文实例讲述了JS实现静态页面搜索并高亮显示功能。分享给大家供大家参考,具体如下: JS搜索 搜索 这是主体内容,有很多内容,很多很多啊啊啊……,比如1234abcd啊啊啊啊 这是主体内容,有很多内容,很多很多啊啊啊……,比如123…
JS实现静态页面搜索并高亮显示的方法 PetitQ HTML/CSS 2020-9-05 1.27K 0 0 本文实例讲述了JS实现静态页面搜索并高亮显示功能。分享给大家供大家参考,具体如下: JS搜索 搜索 这是主体内容,有很多内容,很多很多啊啊啊……,比如1234abcd啊啊啊啊 这是主体内容,有很多内容,很多很多啊啊啊……,比如123…