12款纯CSS3实现的优秀导航菜单（含源码下载）

99%的人还看了以下文章

• 网页制作

  3个超酷的CSS3图片动画特效：图片变圆角，放大，旋转

  本实例制作需要学习《CSS3 transition transform属性及实例详解》，学完后可先练习CSS3 transform:rotate()制作旋转图片 See the Pen 三个CSS3图片动画特效 by 江山如画 (@jgyzhr)on CodePen.

  江山如画

  2020年1月1日

  3.5K01

• HTML5- Canvas入门（二）画线并设置颜色

  HTML5- Canvas入门（一）画线 上一节课我们学会了 Canvas画线，绘制了一条黑色的直线，但如果我们想要绘制一条红色的或者其它颜色的线段，该怎么做呢？ 答案很简单，使用ctx.strokeStyle来设定描边的颜色即可。我们画三条红色的线段吧： <canvas id=”myCanvas” width=”200″ height=”200″ s…

  江山如画

  2022年7月10日 • 网页制作

  4.3K01
• 网页制作

  纯CSS制作热门文章排行，且前3名背景不同

  要制作文章排行前10、或评论排行榜1、2、3、4…，还要给前三名加上不同的背景，可以用纯css实现（用Ol，li），但通常网页制作中使用ul的比较多，因为不同浏览器对ol li有序列表默认自带的序号列表有着不同显示，容易引起浏览器兼容问题，所以遇到这样的有序排版布局，最简单是将序号切成背景图片! 使用ul li实现文章排行有序排版布局。   htm…

  江山如画

  2018年7月14日

  3.3K00
• 网页制作

  导航特效：jquery实现当前（活动）菜单样式变化

  用户点击导航或菜单上不同的栏目，被选中的导航栏目会变换样式，出现图片或背景颜色的变化，用于标识是否是当前栏目或活动选项。 本教程使用jquery实现导航菜单当前（活动）菜单样式变化，导航菜单模式用的是背景颜色，你可以换成背景图片以符合建站需要。 当前（活动）菜单样式变化实现原理 在html代码中给首页（默认选中）加上class名cur <a href=…

  江山如画

  2018年2月8日

  2.7K00
• 网页制作

  实现表格单线边框的两种方法

  实现表格单线边框方法一 border-collapse: collapse; 代码如下： See the Pen 实现表格单线边框的两种方法 by 江山如画 (@jgyzhr)on CodePen. 实现表格单线边框方法二 给table上边和左边设上边框线，给td下边和右边设上边框线 See the Pen 实现表格单线边框方法二 by 江山如画 (@jgy…

  江山如画

  2019年10月31日

  5.0K00
• 网页制作

  jQuery屏蔽页面右键，禁止复制，文本选择代码

  屏蔽页面右键，禁止复制，文本选择功能，用jQuery实现非常简单。 125建站网分享两种方法。 方法一： //禁用右键、文本选择、复制 $(document).bind(“contextmenu”,function(){return false;}); $(document).bind(“selectstart”,function(){return fals…

  江山如画

  2019年10月16日

  3.4K00