自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 信息滚动效果制作

一、效果一(不停滚动) 列表会在框内不停的滚动。而且不会出现空白的部分(意思就是说假设有8条内容,8之后就会又出现1。)为了要实现这种无缝连接的效果,可以想象当第一个内容块就要滚动完的时候,如果有一模一样的内容块接在这个上一个内容块的后面继续滚动,看起来就像是同一个内容块自己在来回滚动。 所以我们就可以为内容块克隆一个样的内容块。但是滚动是一直滚动下去的,我们不可能一直克隆下去。所以,当第一

2017-07-31 15:41:55 390

原创 弹出层效果

弹出层效果说明:点击右上角的按钮, 整个页面除了前面的“登录”框是正常显示的,其余的部分都被遮罩层遮住 点击“登录”框右上角的关闭按钮或者“登录”框之外的部分,“登录”框消失,呈现页面最开始的状态 HTML部分因为页面只是为了实现这个功能,所以只放了一个按钮,所以html部分很简单 为了让页面撑开,所以加了一个<div>。<body> <button id="bt

2017-07-30 10:02:04 259

原创 形形色色的下拉菜单(课后总结3)

jQuery实现二级菜单横向切换以下为完整代码部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script ty

2017-07-23 14:33:37 338

原创 形形色色的下拉菜单(课后总结2)

使用jQuery实现动态下拉菜单使用jQuery实现动态的下拉菜单是最简单的方法。首先我们先来实现一个二级菜单的HTML部分。body><div id="menu"> <ul id="nav"> <li class="mainlevel"><span class="note"></span><a href="#"></a>首页</li> <li class

2017-07-23 11:58:11 531

原创 形形色色的下拉菜单(课后总结)

用HTML和CSS实现下拉菜单html 部分的代码如下:<div id="nav"> <ul> <li ><a href="#">首页</a></li> <li><a href="#">学习中心</a> <ul> <li><a href="#">JavaScript</a></li>

2017-07-17 14:28:53 419

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除