宜昌网站建设设计公司排名

padding和box-sizing:border-box; 外边框变为内边框_CSS学习

新闻来源：    2023-3-4    共有: 3644 浏览

今天着重说明下padding和box-sizing:border-box;的作用，今天听慕课网，学习了前端大神张鑫旭讲解的padding，其中介绍了pading和box-sizing:border-box的作用！注意兼容性：box-sizing:borde...

zblogPHP模板中常见的分享代码(依赖jquery)(分享到微信、qq、微博、qq空间、豆瓣等等功能)_前端技术

新闻来源：    2023-3-4    共有: 3612 浏览

share.js自定义分享到第三方SNS平台.zip【下载地址】作为zblogPHP开发者，最近发现不少开发者都上线了这种第三方分享插件，虽然插件都卖的不贵，但为了减少插件的使用，我还是把这个插件源代码全部公布出来吧，要先说明，这个代码包也是网路...

CSS 图片水平垂直全部居中（图片尺寸小于块级父元素）_CSS学习

新闻来源：    2023-3-4    共有: 3621 浏览

相关如上图：《【图片居中】图片在固定框架内 上下左右水平全部居中》【推荐】下方是今今天要分享的图片水平垂直居中方式：注意：本文分享的是限定图片大小的，也就是图片的宽高都在父元素尺寸之内！<style>  *{padding: 0;}...

padding和margin负值实现 - 等高布局，侧边栏等高布局方法_CSS学习

新闻来源：    2023-3-4    共有: 3633 浏览

等高布局相关《position实现等高布局》 实现的方法主要是基于position:absolute;top:0；bottom:0来实现等高布局！而本文要使用的方法主要是padding和margin配合等高布局，让多栏目等高！如上图，两侧等高布局，就是使用pa...

纯CSS图形 - padding圆形/同心圆_CSS学习

新闻来源：    2023-3-4    共有: 3646 浏览

之前讲述过几个使用纯CSS制作的图形，比如三角形《border绘制三角形（各种角度）》三横线《三横线(三道杠)padding制作出来》、《border-style:double制作三横线》今天来分享下上图所示的使用CSS绘制同心圆，主要使用padding属性！代码如下：...

纯CSS图形：三横线(三道杠)padding制作出来_CSS学习

新闻来源：    2023-3-4    共有: 3608 浏览

其实之前已经分享过一篇，用纯CSS方式实现三横线（三道杠）的方法：CSS小技巧:border-style:double制作三横线具体代码：{width:120px; height:20px;border-top:60px double;border-...

jquery如何判断滚动条滚到页面底部并执行事件_js/jQuery

新闻来源：    2023-3-4    共有: 3606 浏览

jquery如何判断滚动条滚到页面底部并执行事件scrollBottomTest=function(){ $(&quot...

clientHeight、scrollHeight、offsetHeight和scrollTop之间区别_js/jQuery

新闻来源：    2023-3-4    共有: 3620 浏览

网页可见区域高：document.body.clientHeight网页正文全文高：document.body.scrollHeight网页可见区域高（包括边线的高）：document.body.offsetHeight网页被卷去的高：document.body.scr...

jQuery的：$（窗口）的scrollTop（），但没有$（窗口）scrollBottom（）_js/jQuery

新闻来源：    2023-3-4    共有: 3600 浏览

我想每当滚动页面以放置一个页面的底部。这就像“固定位置”但我不能&#39;“的位置是：固定的”CSS为我的许多客户端&#39;的浏览器无法支持。我发现jQuery的可以得到当前视口的顶部位置，但我怎么能得到滚动视口的底部？所以我问怎么知道：$（窗口）scrollBo...

scrollTop、offsetHeight和offsetTop等属性用法详解_js/jQuery

新闻来源：    2023-3-4    共有: 3639 浏览

scrollTop、offsetHeight和offsetTop等属性用法详解:标题中的几个相关相关属性在网页中有这大量的应用，尤其是在运动框架中，但是由于有些属性相互之间的概念比较混杂或者浏览器兼容性问题，导致掌握起来比较有难度，下面就介绍一下相关属性的用法。先来看一...

即插即用 javascript实现滚动下拉一定高度后显示返回顶部，默认不显示_js/jQuery

新闻来源：    2023-3-4    共有: 3645 浏览

个人还是挺喜欢这种即插即用的代码，特别是关于返回顶部的！之前就有介绍过几篇都是关于返回顶部的特效代码，都比今天要分享的更为全面，拿来即用，所以如果不是研究返回代码的话，可以参考以下几篇文章：1、jQuery：即插即用返回顶部（基础代码）2、案例：jQuery返回顶部...

[前端新手必看]HTML、CSS常用单词汇总_CSS学习

新闻来源：    2023-3-4    共有: 3638 浏览

Aabsolute绝对的active活动的，激活的，标记的一个伪类align对齐alpha透明度，半透明anchor锚记标记是这个单词的缩写arrow箭头auto自动Bbackground背景border边框banner页面上的一个横条both二者...

jquery 实现导航栏置顶跟随窗口滚动_js/jQuery

新闻来源：    2023-3-4    共有: 3631 浏览

jquery是实现导航跟随滚动最好的方法，之前已经连续分享了几篇：1、jQuery-多个菜单导航滚动跟随，全部积累固定在顶端2、jQuery智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码3、jQuery导航菜单、广告——固定、置顶、跟随今天再...

Jquery制作左侧浮动层滚动时跟随页面滚动_js/jQuery

新闻来源：    2023-3-4    共有: 3615 浏览

Jquery制作左侧浮动层跟随页面滚动。1、jQuery导航菜单、广告——固定、置顶、跟随2、jQuery智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码3、jQuery-多个菜单导航滚动跟随，全部积累固定在顶端4、jquery实现导航栏置顶...

即插即用javascript 导航/广告 窗口滚动跟随的效果_js/jQuery

新闻来源：    2023-3-4    共有: 3639 浏览

之前文章中介绍过4种方法实现导航窗口跟随置顶效果：1、jQuery导航菜单、广告——固定、置顶、跟随2、jQuery智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码3、jQuery-多个菜单导航滚动跟随，全部积累固定在顶端4、jquery实现...

jQuery $(document).height()与$(window).height() - 判断div随滚动条滚动到一定位置后停止_js/jQuery

新闻来源：    2023-3-4    共有: 3621 浏览

jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用.注意当浏览器窗口大小改变时(如最大化或拉大窗口后)jQuery(w...

鼠标移上去，图片会自动原地放大CSS写法_CSS学习

新闻来源：    2023-3-4    共有: 3614 浏览

今天在制作一个zblog模板的时候，用上了这个图片放大特效，想到以前也没写过，就分享出来吧！在我第一次接触这个特效的时候，以为会很复杂，至少会有几行代码才能去实现，但学习后真的精到了！CSS3的transform:scale()可以实现按比例放大或者缩小功能。CSS3的...

纯CSS做对联广告代码_CSS学习

新闻来源：    2023-3-4    共有: 3639 浏览

上一篇文章介绍了使用JS方法对联广告，带有可关闭的功能：《JS对联广告-可点击关闭的两侧对联广告代码》下面为大家再介绍一个纯CSS（也不能说全纯CSS，还是有几句javascript代码的，可直接写在模板中，不会被拦截）如果是百分百纯CSS，是不具有关闭广告的功能，...

JS对联广告 - 可点击关闭的两侧对联广告代码_js/jQuery

新闻来源：    2023-3-4    共有: 3605 浏览

对联广告在部分广告站中是必须的，大多采用JS的方式，因为可关闭，而纯CSS的js下载：对联广告.zip（其中需要广告图片路径，请注意修改）如上图的代码：&lt;!doctypehtml&gt; &lt;html&gt; &lt;h...

vertical-align使图片垂直居中的小细节_CSS学习

新闻来源：    2023-3-4    共有: 3599 浏览

对于大小未知的图片如何水平垂直居中是大家一直以来经常会遇到的问题，个人觉得水平居中比较好处理，然而垂直居中却不那么好办。很多人都知道，有一个方法就是设置其父元素的行高line-height等于高度height，然后利用vertical-align:middl...