web网页效果实现,求助_html/css_WEB-ITnose
程序员文章站
2022-05-31 11:26:37
...
想实现上述图的效果,中间的系统名称是保持居中状态,边上的包括有一级菜单的可以点击,并进入相应的页面,没有菜单名称和有菜单名称的都围绕中间的系统名称不停的旋转。
求类似实现demo
求类似实现demo
回复讨论(解决方案)
http://jsfiddle.net/hetong/pyQyt/
丑。六边形不适合转啊转
楼主可以搜索一下“旋转云标签代码”,拿过来改改就可以。
不过看你这些内容,建议你最好别用这种方式。道理也不多讲,能听明白的就能想明白,想不明白恐怕也听不明白。
写一个dom旋转函数,参数 html对象,圆心,半径[,速度],然后循环调用该函数使所有需要旋转的标签旋转起来,函数内部还可进一步分解功能,dom的移动,圆形轨迹坐标的生成
不过资源占用估计不低,如果点击菜单时用打开新页面的方式,不太合理且要一直承担动画的资源消耗;如果在本页面跳转,那操作会很不方便,要换一个页面还需要先后退到菜单页面,一不小心就直接关掉了
httpwww.51aspx.comSearch%E6%89%8B%E6%9C%BA%E9%80%89%E5%8F%B70!0!5!-1!01
上一篇: PHP时间
推荐阅读
-
关于网页路径的疑惑_html/css_WEB-ITnose
-
css5种实现垂直居中_html/css_WEB-ITnose
-
纯CSS3实现图片展示特效_html/css_WEB-ITnose
-
?4种实现多列布局css_html/css_WEB-ITnose
-
一款纯css3实现的响应式导航_html/css_WEB-ITnose
-
CSS3 实现六边形Div图片展示效果_html/css_WEB-ITnose
-
一款简洁的纯css3代码实现的动画导航_html/css_WEB-ITnose
-
服务器重定向与客户端重定向学习,辨析与实现_html/css_WEB-ITnose
-
具有动态效果的响应式设计_html/css_WEB-ITnose
-
一款纯css3实现的机器人看书动画效果_html/css_WEB-ITnose