加载并全屏轮播加载的其他网站的页面 一、 设计思路 1、使用iframe标签加载其他网站页面 2、通过js替换iframe的加载链接 3、通过js的定时器实现轮播 4、通过js实现全屏 二、代码小解 1、加载页面 <iframe src="https://www.baidu.com" width=' ...
分类:
Web程序 时间:
2018-09-02 14:34:10
阅读次数:
229
主要内容: 1、jQuery的位置属性及实例 (1)位置属性 (2)实例 仿淘宝导航栏 2、jQuery的筛选方法及实例 (1)筛选方法 (2)实例一:嵌套选项卡 (3)实例二:小米官网滑动 (4)实例三:焦点轮播图 (5)实例四:动态实现轮播图 一、jQuery的位置属性及实例 1、位置属性 HT ...
分类:
Web程序 时间:
2018-09-01 12:43:31
阅读次数:
190
前言 看下效果吧 分析 自动滚动+手动拖拽 (原生组件帮我们完成 Property:autoplay)面板指示点 (原生组件帮我们完成 Property:indicator-dots)左右可以露出非Active状态图的边缘(即Quiet状态, 后文class会以这两个名字定义) (原生组件帮我们完成 ...
分类:
微信 时间:
2018-08-31 17:07:29
阅读次数:
533
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>lbt</title> <style type="text/css"> *{ margin: 0; padding: 0; } #main_wnd #ctrl #nav{ list-s ...
分类:
其他好文 时间:
2018-08-31 11:49:26
阅读次数:
183
一、视图容器(Swiper) 1、swiper:滑块视图容器 微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html 二、swiper应用 1、页面逻辑(index.js) 其中 imgUrls 是我 ...
分类:
微信 时间:
2018-08-31 11:41:10
阅读次数:
204
后台逻辑 编辑cms.views.py 前台逻辑 编辑banner.js ...
分类:
其他好文 时间:
2018-08-31 00:34:12
阅读次数:
211
后端逻辑 表单验证, 这里编辑就是和添加的内容一样,所以可以直接继承添加轮播图的表单验证,然后多加一个轮播图的id即可 编辑cmd.forms.py 视图,编辑cms.views.py 前端逻辑 当我们点击编辑,也是弹出一个模态框,而且这个模态框其实是和添加轮播图的模态框是一样的。不同的地方就是编辑 ...
分类:
其他好文 时间:
2018-08-31 00:32:20
阅读次数:
370
<style type="text/css"> *{ margin: 0 auto; padding: 0; } #clmb{ width: 480px; height: 300px; margin-top: 100px; margin-bottom: 100px; overflow: hidden ...
分类:
其他好文 时间:
2018-08-30 21:38:11
阅读次数:
177
用vux初始化的一个项目中,做了轮播图和栏目菜单,都有用到img标签 全部的img标签都是访问本地的静态资源文件 对项目进行打包部署测试 “npm run build” 生成的dist文件: vs和src文件手动生成的(vs文件是用visual studio 当做微型服务器访问dist文件实现预览效 ...
分类:
其他好文 时间:
2018-08-29 14:05:43
阅读次数:
155
BOM的介绍 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM:浏览器对象模型,操作浏览器部分功能的API。 ...
分类:
其他好文 时间:
2018-08-28 22:01:32
阅读次数:
186