广东建设行业招聘 什么网站,如何查网站是哪个公司做的,织梦网站图片修改,云主机可以放多少网站#x1f345; 作者主页#xff1a;Java李杨勇 #x1f345; 简介#xff1a;Java领域优质创作者#x1f3c6;、【java李阳勇】公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我#xff0c;都给你】 #x1f345; 欢迎点赞 #x1f44d; 收藏 ⭐留言 … 作者主页Java李杨勇 简介Java领域优质创作者、【java李阳勇】公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我都给你】 欢迎点赞 收藏 ⭐留言 效果演示 文末获取源码 代码目录 主要代码实现 主页展示 CSS样式
* {margin: 0;padding: 0;}body {background: url(images/1.jpg);background-size: cover;}/*start top*/.top {width: 400px;height: 100px;margin: 60px auto;font-size: 30px;font-family: 华文行楷;color: #fff; !--background: -webkit-linear-gradient(45deg, #ff0000, #ffcc00, #ffff99, #33ccff, #00ff33, #6600ff, #333399);-webkit-background-clip: text;--}/*end top*//*start box*/.box {width: 310px;height: 310px;margin: auto;perspective: 800px;/*景深*/}.box .pic {position: relative;transform-style: preserve-3d;/*3d环境*/animation: play 10s linear infinite;/*动画名称 执行时间 匀速 无限执行*/}.box ul li {list-style: none;position: absolute;top: 0;left: 0;}/*start box*//*定义一个关键帧*/keyframes play {from {transform: rotateY(0deg);}to {transform: rotateY(360deg);}}/*start text*/#text {width: 500px;height: 200px;color: #6fade1;margin: auto;font-size: 24px;font-family: 方正喵呜体;}/*end text*//style
HTML代码 :
图片替换成自己喜欢的 !--start top--div classtopmarquee behavioralternate时光不老我们不散/marquee/div!--end top--!--start box--div classboxdiv classpiculliimg srcimages/1.png width height alt //liliimg srcimages/2.png width height alt //liliimg srcimages/3.png width height alt //liliimg srcimages/4.png width height alt //liliimg srcimages/5.png width height alt //liliimg srcimages/6.png width height alt //li/ul/div/div
javaScript实现 : script srcjs/jquery.min.js/script!--雪花--script srcjs/snow.js/scriptscript$(.pic ul li).each(function(i) { //遍历var deg 360 / $(.pic ul li).size(); //size个数//当前的li对象 添加css样式$(this).css({transform: rotateY( deg * i deg) translateZ(216px)});$.fn.snow({minSize: 10,maxSize: 15,newOn: 500,flakeColor: #ffffff});});var i 0;var str 能够遇见你是我最大的幸运有了你生活变得丰富多彩有了你世界变得如此迷人你是我的世界我的世界是你对我来说不是在最美好的时光遇见了你而是遇见你后都是最美好的时光;window.onload function typing() {//获取divvar mydiv document.getElementById(text);mydiv.innerHTML str.charAt(i);i;var id setTimeout(typing, 100);if (i str.length) {clearTimeout(id);}}/script 作品来自于网络收集、侵权立删 获取完整源码 大家点赞、收藏、关注、评论啦 、查看微信公众号获取 打卡 文章 更新 61/ 100天 专栏推荐阅读订阅 java毕设项目精品实战案例《100套》 web前端期末大作业网页实战《100套》 HTML5CSS网页特效实战分享《100套》
