动漫网站-前端网页技术精美网站源码HTML+CSS+JS

简介: 动漫网站-前端网页技术精美网站源码HTML+CSS+JS

微信公众号:创享日记

发送:动漫网站

获取完整源码(打开即可用)


9fe9e24dec9040afa899fe0294a2a0d0.png


效果图①主页首页


269a1b4579374c5faa9238e42a7972b0.png342a427dd8cd4abeb08891ad31ecd13e.png07c5cc885787482698b10b1bd700d63b.png30d97e4086e84e9788fe4c95a19f48e3.png


效果图②作品列表展示页


3fb370c2f67a4dd5be94ba5cc61192f9.png


效果图③作品详情展示页


a38bf8e20d94424e94ab06666f82d1bd.png6ea433276bb04ac78c829a80a94b81c5.png57e2e046776d439c9fb5489fd25d0221.png


效果图④联系我们


4fba7bf77da54b6aadf82ea344942d11.png8d4b87a6315245a3b87139a777cd2c8d.png


效果图⑤博客列表


5f794f65cca74713ad80d027d69c6cc5.pngviolation-del.png



效果图⑥博客详情


44cf619002c944c0a353550327895baa.png3bdb8e6ca16840a5ab2b16f2933acabf.png126af4c9d304476ab865f10c2fed9d3b.png


效果图⑦其它


6774100d22c0463eb7f021c5ce2bd72a.png4c92c661913e48e0932ac6eeb5a63a48.png




其它及源码详见微信公众号下载!


/*=================================================================页面重置=================================================================*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:top;}:focus{outline:0;}body{line-height:1;color:black;background:white;}body a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}select,input,img,textarea{vertical-align:middle;outline:none;}* html,* html body{background-image:url(about:blank);background-attachment:fixed;font-size:12px;font-family:simsun;}

/*==============================================================

===文字排版=================================================================*/
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.lh22{line-height:22px}
.lh24{line-height:24px}
.unl{text-decoration:underline}
/*=================================================================定位=====================================================================*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin:0 auto}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} .clearfix{*zoom:1;} /*清理盒子内部浮动,无毒副作用*/
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.vm{vertical-align:middle}
.vt{vertical-align:top}
.vb{vertical-align:bottom}
.pr{position:relative}
.pa{position:absolute}
.fixed{position:fixed}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}
.oh{overflow:hidden}
.block{display:block}
/*=================================================================长度高度=================================================================*/
.w10{width:10px}
.w20{width:20px}
.w{width:100%}
.h50{height:50px}
.h80{height:80px}
.h100{height:100px}
.h200{height:200px}
.h{height:100%}
/*=================================================================补充=====================================================================*/
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wn{white-space:nowrap}
.transparen{filter:alpha(opacity=0);opacity:0}
.fixedBR{position:fixed;bottom:10px;right:10px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-10))}


相关文章
|
1天前
|
前端开发 JavaScript
保存网页中的css和js文件,网站保存,复制网站不可复制的文字,网站抠图
保存网页中的css和js文件,网站保存,复制网站不可复制的文字,网站抠图
|
2天前
|
前端开发 JavaScript API
Vue.js:渐进式JavaScript框架-前端开发
Vue.js:渐进式JavaScript框架-前端开发
11 3
|
5天前
|
JavaScript Java 测试技术
基于ssm+vue.js的网页小游戏交流论坛附带文章和源代码设计说明文档ppt
基于ssm+vue.js的网页小游戏交流论坛附带文章和源代码设计说明文档ppt
11 0
|
8天前
|
存储 JavaScript 前端开发
笔.COOL,一个功能完备、使用便捷的在线HTML/CSS/JS以及Vue编辑器和作品分享平台
笔.COOL是一个新兴的在线 HTML/CSS/JS 及 Vue 编辑器,提供实时预览和云端存储功能。用户可以随时随地编写和保存代码,同时分享作品给他人预览和学习。它也是一个实用的 BUG 复现工具,支持嵌入编辑器到博客,促进代码交流。社区活跃,适合开发者展示作品、获取灵感和学习。
|
11天前
|
JavaScript 前端开发 Java
前端知识点03(JS)
前端知识点概览:了解JS中的this指向,包括全局、函数、new、apply/call/bind及箭头函数的规则。理解script的async和defer属性对脚本加载和执行的影响。探讨setTimeout和setInterval的用法及其在性能上的考量。ES6与ES5的区别在于新语法特性,如let/const、箭头函数、模板字符串、模块化、类和继承等。此外,ES6还引入了Symbol、解构赋值、默认参数、Map/Set和Generator等功能。别忘了点赞和支持作者哦!
20 1
|
11天前
|
JavaScript 前端开发
前端面试02(JS)
本文是前端面试系列的第二篇,主要涵盖了JavaScript的基础知识,包括JS的组成(ECMAScript、DOM、BOM)、内置对象(如String、Array、Math、Date等)、数组操作方法、数据类型检测方法(typeof、instanceof、constructor、Object.prototype.toString.call)、闭包的概念及其特点、前端内存泄漏的原因和类型、事件委托的优势、基本数据类型与引用数据类型的差异、原型链的工作原理以及JS实现继承的多种方式(原型链、构造函数、组合继承等)。文章结尾鼓励读者点赞和支持作者。
9 1
|
12天前
|
JavaScript 前端开发 NoSQL
构建基于Node.js的全栈应用:从前端到后端的完整指南
【5月更文挑战第24天】本文是关于使用Node.js构建全栈应用的指南,涵盖前端(React或Vue)、后端(Node.js + Express)和数据库(MongoDB)的选型与实现。文章介绍了项目结构、前端组件化开发、后端API接口编写、前后端联调及部署上线的注意事项,帮助读者掌握全栈开发流程。
|
14天前
|
移动开发 JavaScript 前端开发
【热门话题】Vue.js:现代前端开发的轻量级框架之旅
Vue.js,由尤雨溪于2014年创建,是一个轻量级的前端框架,因其简洁API、高效渲染和组件系统深受全球开发者喜爱。本文探讨Vue的核心理念、技术架构、开发实践及在现代Web开发中的应用。Vue遵循渐进式框架思想,提供声明式编程、组件化和响应式数据绑定。技术上,它采用双向数据绑定、虚拟DOM和生命周期钩子。开发实践中,Vue CLI和Vuex、Vue Router分别加速开发和管理状态、路由。Vue不仅适用于单页应用,还支持多页应用、移动开发和跨平台项目,拥有丰富的社区生态和插件。随着Vue 3的推出,Vue将持续创新并影响前端开发领域。
56 0
|
15天前
|
缓存 移动开发 JavaScript
WKWebView对网页和js,css,png等资源文件的缓存机制及如何刷新缓存
WKWebView对网页和js,css,png等资源文件的缓存机制及如何刷新缓存
30 1
|
21天前
|
移动开发 JavaScript 前端开发
webgl学习笔记3_javascript的HTML DOM
webgl学习笔记3_javascript的HTML DOM
22 0
webgl学习笔记3_javascript的HTML DOM