首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Bootstrap笔记

生态圈火,不断地更新迭代;提供一套美观大方地界面组件;提供一套优雅 HTML+CSS 编码规范;让我们 Web 开发更简单,更快捷;注意:使用 Bootstrap 并不代表不用 CSS 样式,而是不用绝大多数大家都会用到样式准备下载...让低版本浏览器可以识别HTML5标签,如header、footer、section等respond让低版本浏览器可以支持CSS媒体查询功能基础CSS样式概要预置排版样式统一预制标签样式按钮样式表格样式表单样式图片样式辅助工具类代码样式栅格系统响应式工具类预置界面组件导航导航条面包屑导航下拉菜单按钮式下拉菜单按钮组输入框组警告框页头分页列表组面板媒体对象进度条...Glyphicons标签徽章缩略图大屏幕嵌入内容内嵌JavaScript插件JavaScript插件依赖情况如何使用Javascript插件内置组件模态对话框下拉菜单滚动监听标签页工具提示弹出框警告框按钮折叠面板轮播图吸顶效果...生态圈火,不断地更新迭代; 提供一套美观大方地界面组件; 提供一套优雅 HTML+CSS 编码规范; 让我们 Web 开发更简单,更快捷; 注意: 使用 Bootstrap 并不代表不用 CSS...CSS媒体查询功能 基础CSS样式 概要 预置排版样式 统一预制标签样式 按钮样式 表格样式 表单样式 图片样式 辅助工具类 代码样式 栅格系统 响应式工具类

3.3K90

零基础html5+div+css+js网页开发教程第010期 图片轮播案例

本节知识视频教程 视频内容 1.图片标签 标签 用来显示图片标签。...它Src属性用来设置图片来源,其实也可以直接设置width来设置图片宽度,设置height来是指图片高度。值得注意是,图片宽度一旦设置以后,图片高度会自动按图片比例进行缩放。...2.脚本标签 标记 这里开始js代码,这个代码用来控制网页上面html标签逻辑,俗称DOM控制。...n++ 意义是 n=n+1 用来切换图片名称 2.2 dom控制 document.getElementById(“对应html标签ID值”) 返回一个对应 标签对象。...空格对应到url中是20% 4.总结 1、学会下载图片制作图片 2、js,最好能去学习零基础VB教程,如果没有经历,那么就照着 3、多,要实践 4、setInterval来做定时器,参数1是个函数

1.9K10

雪花模板QSIT-pro主题更新日志

V6.2 【优化】 优化了每次更新覆盖弹窗文件结构 优化了首页卡片图片与文字对称 优化去除用户logo排版 优化了首页文字排版 优化了首页标签 【修复】 修复服务器购买页面标识错误 修复电脑端登录首页导航用户名称颜色不对...优化公告页面字体颜色暗灰色 现调整为高亮黑 优化首页电脑端手机端轮播图片独立加载资源 【修复】 适配小屏幕兼容问题 修复一处js渲染报错问题 修复两处jquery报错问题 修复部分浏览器手机端轮播图片无法轮播问题...,修复移动端使用图片超出屏幕尺寸 7.修复部分页面js渲染问题 8.增加了4个js推荐弹窗文件/Recommend  V5.31 1.增加了首页显示最新4个公告文章 2.调整首页英文页面 3....调整了公告详情发布时间文字过小 V5.21 1.修复了VPS HOST CDN 产品分类标签过多造成排版错误混乱 2.优化VPS 商品参数 CPU增加核心 3.更新了独立控制面板(可能考虑到个别需要控制面板无任何版权...) V5.13 1.修复部分资源云端加载失败 2.适配 VPS HOST 自定义内容 CDN上个版本更新过 3.首次在移动端加入轮播图片样式

1.1K20

雪花IDC财务管理系统QSIT_PRO 主题模板

V6.2 【优化】 优化了每次更新覆盖弹窗文件结构 优化了首页卡片图片与文字对称 优化去除用户logo排版 优化了首页文字排版 优化了首页标签 【修复】 修复服务器购买页面标识错误 修复电脑端登录首页导航用户名称颜色不对...优化公告页面字体颜色暗灰色 现调整为高亮黑 优化首页电脑端手机端轮播图片独立加载资源 【修复】 适配小屏幕兼容问题 修复一处js渲染报错问题 修复两处jquery报错问题 修复部分浏览器手机端轮播图片无法轮播问题...,修复移动端使用图片超出屏幕尺寸 7.修复部分页面js渲染问题 8.增加了4个js推荐弹窗文件/Recommend  V5.31 1.增加了首页显示最新4个公告文章 2.调整首页英文页面 3.调整了公告详情发布时间文字过小...V5.21 1.修复了VPS HOST CDN 产品分类标签过多造成排版错误混乱 2.优化VPS 商品参数 CPU增加核心 3.更新了独立控制面板(可能考虑到个别需要控制面板无任何版权) V5.13...1.修复部分资源云端加载失败 2.适配 VPS HOST 自定义内容 CDN上个版本更新过 3.首次在移动端加入轮播图片样式

2.4K30

第120天:移动端-Bootstrap基本使用方法

/js/ ························ 自己JS脚步   ├─ /lib/ ······················· 从第三方下载回来库【只用不改】   ├─...第三方依赖 jQuery——Bootstrap框架中所有JS组件都依赖于jQuery实现 html5shiv——让低版本浏览器可以识别HTML5标签,如header、footer、section...--html5shiv让浏览器可以识别HTML5标签--> 10 11 4、媒体查询 根据判断条件,决定CSS代码是否被执行  5、Bootstrap浏览顺序 (1)预置样式 预制排版样式——按钮样式——表格样式——表单样式——图片样式——辅助工具类——代码样式...(3)javascript插件 内置组件 模态对话框——下拉菜单——滚动监听——标签页——工具提示——弹出框——警告框——按钮——折叠面板——轮播图——吸顶效果

3.2K40

自己实现PC端jQuery版轮播

最近其他项目不是很忙,被安排给公司官网项目做一个新页面(之前没接触公司官网项目),其中有一个用到轮播地方,最开始想直接用swiper.js插件实现就好了,可是发现官网项目里之前都没有引入过swiper.js...现在把自己轮播图这块代码单独拿出来,做一个小demo写在这里记录一下(demo中轮播图片网上随意找) 实现效果:     1、自动轮播轮播时间间隔在js代码中自定义)     2、点击左右侧按钮...,实现手动切换     3、底部小圆点根据切换图片位置相应显示active状态     4、鼠标经过轮播图区域,停止轮播,离开轮播图区域开始轮播 代码目录结果如下: 一、index.html 注:这里以...5张图片为例,页面上真正轮播展示给用户看到是5张不同图片,但是为了轮播效果连贯性,所以在第一张图片前面添加上第五张图片,在第五张图片后面加上了第一张图片,所以demo结构里是7张图片,每张图片尺寸必须都是一样哦...,再次切换时就不用stop(false,true),而是要瞬间定位到最后一张图片(其实是dom结构中倒数第二张)位置 var interval = 3000; //轮播间隔时间

11.2K100

自实现PC端jQuery版轮播

现在把自己轮播图这块代码单独拿出来,做一个小demo写在这里记录一下(demo中轮播图片网上随意找) 实现效果:     1、自动轮播轮播时间间隔在js代码中自定义)     2、点击左右侧按钮...,实现手动切换     3、底部小圆点根据切换图片位置相应显示active状态     4、鼠标经过轮播图区域,停止轮播,离开轮播图区域开始轮播 代码目录结果如下: 一、index.html 注:这里以...5张图片为例,页面上真正轮播展示给用户看到是5张不同图片,但是为了轮播效果连贯性,所以在第一张图片前面添加上第五张图片,在第五张图片后面加上了第一张图片,所以demo结构里是7张图片,每张图片尺寸必须都是一样哦...,再次切换时就不用stop(false,true),而是要瞬间定位到最后一张图片(其实是dom结构中倒数第二张)位置。...var imgW = $(img[0]).outerWidth(); //每个li标签宽度 var imgCount = 5; //总图片个数(不同图片个数

9.4K20

自实现PC端jQuery版轮播

最近其他项目不是很忙,被安排给公司官网项目做一个新页面(之前没接触公司官网项目),其中有一个用到轮播地方,最开始想直接用swiper.js插件实现就好了,可是发现官网项目里之前都没有引入过swiper.js...现在把自己轮播图这块代码单独拿出来,做一个小demo写在这里记录一下(demo中轮播图片网上随意找) 实现效果:     1、自动轮播轮播时间间隔在js代码中自定义)     2、点击左右侧按钮...一、index.html 注:这里以5张图片为例,页面上真正轮播展示给用户看到是5张不同图片,但是为了轮播效果连贯性,所以在第一张图片前面添加上第五张图片,在第五张图片后面加上了第一张图片,所以demo...,再次切换时就不用stop(false,true),而是要瞬间定位到最后一张图片(其实是dom结构中倒数第二张)位置。...var imgW = $(img[0]).outerWidth(); //每个li标签宽度 var imgCount = 5; //总图片个数(不同图片个数

5.6K70

Z-BlogPHP开运锦鲤前来报道(更新说明及操作教程,必看文章)

"> V、首页可选文章列表排版方式:设置如图。...V、修复商品页模板在部分屏幕下显示错位BUG。 更新说明(2019年/11/15): V、修复幻灯片轮播右侧图文信息,分类名称过多显示错位BUG。 V、删除轮播右侧图文列表文章发布时间标签。...更新说明(2019年/9月18): V、首页右侧新增图文开关,轮播和右侧图文分离开关,可以在关闭右侧图文信息情况下保留轮播(注:如果关闭右侧图文,请更换轮播图片,宽约:1200,高度自定) V、商品页文章信息转移至左侧图片下方...轮播设置: 默认情况下:轮播图片尺寸为:831*380(像素)右侧对应是四篇文章,如果你开启了百度信息流广告,那么文章就得减少一篇,如果右侧文章想设置其他数量,那么左侧轮播高度也要随之增减,看具体情况...如果不动代码,不会查看高度,就设置默认数量即可。以免左右高度不一样,影响网站美观及排版。 直接填写文章ID即可,这里说下两个功能: 第一个是,如果关闭了首页轮播(幻灯片)那么此处也是关闭

3.3K30

前端组件库_前端组件库有什么好处

(Tag) TaggingJS – 可以灵活定制 jQuery 标签系统插件 10.8 自动完成插件 At.js – 一个Twitter/微博样式@自动完成插件 jquery-textcomplete.../加载监听 imagesLoaded Echo.js lazySizes jquery_lazyload lazyload.js waitForImages – 图片加载监听库 13.4 图片轮播/展示...FlexSlider unslider – 小而美的轮播库 prettyPhoto 13.5 图片剪裁/处理 croppic – an image cropping jquery plugin jQuery.eraser...Video Player – PayPal 开源 HTML5 视频播放器 Clappr – 开源Web视频播放器 Plyr – A simple HTML5 media player FitVids.js...– 实现纯JS网页截图 jquery.qrcode.js – 生成二维码 jQuery 插件 FocusPoint.js 实现图片响应式裁剪 DD_belatedPNG.js – 让IE6支持透明

6.3K10

Z-BlogPHP开运锦鲤前来报道(更新说明及操作教程,必看文章)

"> V、首页可选文章列表排版方式:设置如图。...V、修复商品页模板在部分屏幕下显示错位BUG。 更新说明(2019年/11/15): V、修复幻灯片轮播右侧图文信息,分类名称过多显示错位BUG。 V、删除轮播右侧图文列表文章发布时间标签。...更新说明(2019年/9月18): V、首页右侧新增图文开关,轮播和右侧图文分离开关,可以在关闭右侧图文信息情况下保留轮播(注:如果关闭右侧图文,请更换轮播图片,宽约:1200,高度自定) V、商品页文章信息转移至左侧图片下方...轮播设置: 默认情况下:轮播图片尺寸为:831*380(像素)右侧对应是四篇文章,如果你开启了百度信息流广告,那么文章就得减少一篇,如果右侧文章想设置其他数量,那么左侧轮播高度也要随之增减,看具体情况...如果不动代码,不会查看高度,就设置默认数量即可。以免左右高度不一样,影响网站美观及排版。 直接填写文章ID即可,这里说下两个功能: 第一个是,如果关闭了首页轮播(幻灯片)那么此处也是关闭

2.8K40
领券