关闭边栏(ESC)打开边栏(ESC)
在制作文章图册形式时,首页的文章显示三张图片,鼠标经过时希望有原来的那种过渡效果,从CSS中找了下,提取出来:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
/*侧边栏随机文章图片鼠标经过的特效*/ .diy-hot-ul .recent-post-img{position:relative} .diy-hot-ul .post-img-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.8s; background:-webkit-linear-gradient(180deg, rgba(0,0,0,0.01) 2%, rgba(0,0,0,0.95) 100%); background:linear-gradient(180deg, rgba(0,0,0,0.01) 2%, rgba(0,0,0,0.95) 100%) } .diy-hot-ul .recent-post-img:hover .post-img-overlay{opacity:.5} |
哈哈,我已经搞定列表页指定显示多少张缩略图这个问题了。并且可以根据文章内图片数量来判断,当文章内图片大于8张时,就显示8张缩略图,文章内图片大于等于4张小于8张就显示4张缩略图。文章图片小于4张,就显示1张缩略图。
原理挺简单,先用正则匹配出文章内容中所有存到一个变量中,然后前台调用时就可以根据这个变量值来判断显示多少张缩略图就可以了。
哇,你这样更加智能了,我的只显示三张的
您好,请问自动隐藏顶部header是用到了jquery吗?能否介绍一下方法,非常感谢。
是的,当滚动条的高度超过Header的高时就隐藏,你可以查看main.js,那里可以设置的
嗯阿,我目前知道的是获取一张图片,以及获取文章里所有图片。 指定数量我还不知道要怎么弄。。
这些天都在继续更改,弄完了再写下文章分享出来,好多版式还没定到底用哪种,在纠结中
哈,我又来了;
请教一下列表页显示文章三张缩略图的方法
这个是主题里的,是黑糖2.0的功能,我看下哪天总结出来,这个跟主题相关的
注意这种结构的图片,即img标签,要转换成块状元素:display:block
先收藏了, 感谢博主的辛劳。
不客气,希望能帮到您