特效
文章平均质量分 92
小疯疯0413
因为代码可以改变世界,所以我从未放弃
展开
-
JS原生轮播(JS篇)
接着上一篇,我接下来写关于JS的部分,我会按照我当时的思路一步一步的写,在最后附上全部的代码 一开始我打算写最简单的图片切换功能,怎么写呢?当我们点击左右箭头的时候是用改变left的值,有了思路就很好写了 //首先我们要获取我们需要的属性和id var prev=document.getElementById("prev"); var next=document.getElem原创 2015-07-28 11:31:49 · 6983 阅读 · 0 评论 -
JS原生轮播-基础篇(HTML+CSS)部分
根据慕课网的轮播教程,今早也写了一个,主要是把思路捋清楚,下面的代码我尽全力把每一行解释清楚, 我也是根据我今早写的思路一步一步来,希望能帮到读者! 那么就从最基础的HTML和CSS开始写<div id="contain"> <ul id="contain_imgs" style="left:-1024px;"> <li><img src="haizei4原创 2015-07-28 10:35:38 · 1507 阅读 · 0 评论 -
商城导航
最近一直都在看慕课,看见些有意思的小特效也就在这记一下,今天看的是一款京东商城导航的,大体一看并不难,无论是C单一SS还是单一JS都不需要太多的逻辑,所以打算在这里记下来 先说一下CSS方面吧,很简单,主要是一些hover的应用,对CSS理解深一点的人大体都可以写出来,但 里面的一些小特效,小技巧还是让我眼前一亮,还是蛮有意思的,这次代码里还用的dl dt dd我以前几乎不用,看了视频后也是更多原创 2015-07-30 11:41:55 · 548 阅读 · 0 评论 -
遮罩层特效,登录界面的应用
今天上午的自己写了下遮罩层,和登陆界面的关闭,总之都是很简单的JS代码,我因为思路问题,所以敲了好长时间,最后再群友的帮助下完成了今天的任务,下午可能还会更新一章,具体什么,还没想好 先写一下写遮罩层的思路吧 首先遮罩层嘛,经过群友的意见,有2种写法,一种是CSS设置宽高,一种是JS设置宽高,总的来说,css比较简单 这两个版本代码差距很少,几乎没大有,不过还是列出来看看//最核心的代码其实就原创 2015-07-29 10:29:02 · 1218 阅读 · 0 评论 -
JS原生瀑布流
今天早起看了慕课的瀑布流,的确讲的十分详细,也十分的好,我在博客里也就只能给代码加些注释,和说一下思路。建议大家去看一下慕课的瀑布流教程,非常详细,每一个细节都讲的非常好,只要懂JS的基础代码,看起来应该不是多大问题,里面没有太难得方法,但自己写不出来还是因为思路上有问题,下面就详细说一下几个重点方法的代码,建议大家去慕课详细学习 HTML 和CSS没有太难得地方<div id="main">//原创 2015-07-31 11:10:36 · 1724 阅读 · 0 评论 -
手风琴JS特效源码
HTML和CSS部分<!DOCTYPE html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="base.js"></script>原创 2015-08-18 11:21:43 · 2656 阅读 · 0 评论 -
固定滚动JS源码
HTML和CSS部分<!DOCTYPE html><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="base.js"></script> <title>固定滚动</titl原创 2015-08-18 11:39:33 · 698 阅读 · 0 评论 -
JS动画封装
简单的运动函数var demo1=document.getElementById("demo1"); demo1.onmouseover=function(){ startMove(0); } demo1.onmouseout=function(){ startMove(-320); }var timer//全局变量function原创 2015-08-19 09:21:09 · 618 阅读 · 0 评论