WordPress代码实现文章目录功能 WordPress不用插件自动文章目录效果
昨天捣鼓了一下WordPress不用插件纯代码实现文章目录功能,经过昨天发布的一篇原创文章中测试,已经初步实现了自动文章目录效果。这个文章目录功能我感觉确实还是不错的,是在Zblog的一个主题中发现的这个文章目录功能,在一定程度上还是能加强文章的相关度,同时如果文章的篇幅较长的话,对于用户体验来说还…
- 2022年5月29日
- 1,255 次
使用Css3的transition和transform属性实现图片动态翻转效果实例
在Css3中加了不少很不错的新的属性,其中transition和transform两个是很不错的新属性,使用这两个属性就可以达到不用Js就可以实现图片动态翻转效果,个人感觉使用这两个新属性应该要比使用Js实现图片动态翻转效果的响应速度更快。本文将依次介绍transition和transform使用方…
- 2022年5月6日
- 1,136 次
使用Css3的Flex布局实例:元素横轴两头布局纵轴居中对齐
在Css3中有一个新的元素属性,display:flex;,这个新的Css3属性使得在网站前端人员中更加自如便捷的对前端页面进行布局。今天主要记载的就是Flex布局实例,来实现元素在横轴两段对齐,在纵轴上下居中对齐,这个实例以前端页面中的网站头部的logo区域和搜索框区域两部分组成,具体效果就是实现…
- 2022年5月4日
- 1,546 次
自适应网站导航栏Css实现横向滑动显示所有栏目名称
网站导航在前端制作中是很重要的一部分,在自适应网站中,对于导航栏的自适应也有很多种,大部分网站的处理方法是在页面小于768像素之后就对导航栏进行了隐藏,然后用导航菜单Icon图标来替代,当点击Icon图标后,导航栏所有栏目名称又显示出来,并在页面小于768像素的时候又重新对导航栏的样式进行了定义。而…
- 2021年11月3日
- 1,218 次
Html、Css中控制文字实现不换行超出部分隐藏显示省略号
很多时候在程序的前端模板中,调用网站文章标题的时候,部分标题很长,需要对这种特别长的标题文字进行处理,让这种特别长的标题文字实现不换行并让超出父级元素宽度的部分隐藏起来,并让隐藏的超出部分文字显示省略号,这需要对所包含标题的Html代码结构的Css进行设置。 例如李涛自留地的每个页面的侧边栏的热门文…
- 2021年11月2日
- 1,280 次
如何使用阿里云字体图标库iconfont?
在前面一篇文章中,介绍了《前端开发人员常用的字体图标库有哪些?》,介绍了三种常用的字体图标库,其中阿里云的字体图库iconfont是中国国内最大最成功的字体图标库,在国内也有很多前端开发人员使用阿里云的字体图标库iconfont,那么阿里云的iconfont字体图标库该如何使用呢?在iconfont…
- 2021年7月26日
- 2,265 次
前端开发人员常用的字体图标库有哪些?
字体图标是前端人员在前端页面开发制作中必不可少的一个元素,为什么这么说呢?在前端页面中运用字体图标,可以让我们的前端页面看上去更加美观,相比传统的图片图标或者精灵图片更加简单实用,而在后端页面管理中应该是必不可少的元素了,那么前端开发人员在前端开发中常用的字体图标库有哪些呢?哪些字体图标库用的最为广…
- 2021年7月6日
- 1,955 次
Css3实现网站多彩tags标签云模块
很多网站在建站时,都会制作一个Tags标签云模块,之所以在网站中布局这样的一个模块,多数是出于SEO和用户体验的考虑。Tags标签模块是一个一个Tag的a链接,Tags的内容页基本类似于网站的列表页,调用的数据基本上包含有共同关键词或者是共同特性的文章,这一模块如果设计成多彩样式,将更加吸引用户的眼…
- 2021年5月27日
- 1,775 次
jQuery实现tab切换栏特效 实现多个模块点击切换
在建站过程中,有时候需要有效利用页面空间,需要将多个模块的链接、图片、视频等网站资源放在一个div中,实现点击或者滑动实现展示多个模块,多用在侧边栏展示网站最新更新、最热文章,或者是展示顶级频道页面下的多个栏目的内容,其实CSS也可实现这样的效果,但是还是没有jQuery实现起来方便,以下是今天学习…
- 2021年3月18日
- 1,655 次
jQuery简单实现鼠标经过切换图片特效
原来在防站的过程中,发现有的图站轮播位置放的鼠标经过左侧标题的时候,右侧图片显示对应的图片,再次经过另一篇图片标题的时候,再次显示对应标题的图片,那时候基础很差觉得这样的特效好牛叉的感觉,自己要是能做出这样的特效就好了,近期学习jQuery自己也能做出这种jQuery简单实现鼠标经过切换图片特效了。…
- 2021年3月17日
- 2,196 次
