展开

关键词

烧脑之作impress js

最近一直没怎么发文章,去研究了一下小程序什么的,最后也没有研究出个啥 今天带个大家的是一个十分烧脑的js插件,这个js只要你的想象力足够都是可以玩转的,正所谓海阔凭鱼跃,天空任鸟飞,这就是一个三维的画布 该界面用时两天完成,虽然界面朴素简陋,但却非常的烧脑,话也不多说了,有动手能力的自己改改吧 大小:42.85KB | 来源:本地下载 | 下载次数: var player=cyberplayer

59840

响应式js代码一枚

网站搭建经常会用到js轮播,放上几张上档次的美图,为你的爱站增添大气元素。 经常看到一些js代码,但是感觉不是很美观,有的也不支持自适应缩放,也即是响应式,现在智能手机的普及以及移动浏览器技术的成熟,手机已经成为上网首选(据CNNIC消息:截至2013年12月,我国手机网民规模达 这里就分享响应式js代码一枚,喜欢的就看看吧。 ?    响应式js代码在这,需要的就下一个呗,源于网络,不负版权 http://files.cnblogs.com/ytkah/%E5%B9%BB%E7%81%AF%E7%89%87.rar

90980
  • 广告
    关闭

    腾讯云精选爆品盛惠抢购

    腾讯云精选爆款云服务器限时体验20元起,云数据库19.9元/年起,还有更多热门云产品满足您的上云需求

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    一个基于Swiper JS轮播案例文件打包源码下载

    我们有在做企业网站的时候,常用的会在头部位置有一个图轮播效果。以前早年的时候较多会用到FLASH特效,但是那种基本上被淘汰掉,如今都要用AJAX或者是直接用这种Swiper JS轮播实现。 我们只需要修改代码部分的图数量和图URL地址就可以,他是自动根据我们的图数量显示的,然后我们只需要将代码搬迁到我们需要的网站。可以单独用CSS和JS引用到站点。 autoplay: 5500, paginationClickable: true }); </script> 源码打包下载: 网盘下载(提取码:y8e5) 本文出处:老蒋部落 » 一个基于Swiper JS轮播案例文件打包源码下载 | 欢迎分享

    10350

    jquery slide

    slide 的实现思路 在写这个slide之前,首先理清楚思路,这样才能更快速实现代码。 假设制作5张图,那么图的初始位置如下: ? 因为图1-5是使用行内块的方式布局,只要控制图1的div的margin-left改变,就可以跟推箱子一样,实现5个图的左右滑动。 当图从1向左移动至2,图实现效果大致如下 ? 可以看到,只需要设置1号图移动至左边,后面的图就可以跟着向左移动。 ,前后切换图 定时切换图,鼠标移动入图,则停止图移动 那么下面来看看几种移动图的情况。 定时切换图,鼠标移动入图,则停止图移动;鼠标离开图,则图开始移动。 ?

    57630

    一款lightbox图浏览插件

    之前移植emlog时就发现lightbox图浏览插件了,因为移植过程中出现了很大的困难,所以没有及时把教程写出来,今天抽空再研究了一下,才把这个lightbox图浏览插件教程写出来 jquery.min.js-1.7.1的版本,附件中也是1.7.1的版本     其次你需要引用一个jquery.lightbox.css和一个jquery.lightbox.min.js这两个就是lightbox图浏览插件的关键 --挂载--> <script type="text/javascript"> $(function($){ $(".acd a").has("img").each(function( 可以任意更改,但是一定要匹配 a标签是必须的,只有a标签才能引导插件加载其链接的图出来 rel=”xygroup”也是必须加在a标签中的,如果a标签中没有rel=”xygroup ”,也是不能被成功加载的 上面的演示就是十分基础的演示了     有的朋友会说了,如果插入图的时候没有给img标签加a标签,那么应该怎么使用呢?

    52260

    用JavaScript 代码来做,图切换效果!

    用原生的JS写动画效果的确是个很令人纠结的事情,倒不如直接用jQuery来写,亦或找一些jQuery插件。能力达不到的时候,为了工作进度,只能采取心有不甘的手段。 图切换并不是很难,只不过要获得一些动画效果有些费力,由于本人数学不好,加之不努力,所以做起动画来很吃力。 动画切换要结合JS和CSS达到想要的效果。 图切换一般涉及的CSS的定位,以及JS定时器的知识。定位方式一般定时变换的left或者 top属性,实现图移动。还有一种是设置的父容器的scrollTop或者scrollLeft属性。 外部的大div和图容器宽度和高度定死,overflow属性设置为hidden,防止图溢出容器。· 下面介绍JS代码如何实现效果。 首先创建Slider对象,在JS中函数就是对象。 this.setOptions(options); this.event = this.options.event; this.currentIndex = this.options.index; // 宽和高

    68570

    WebAssembly 介绍

    以下是 Mike 在 2019 波卡中国行成都站上的关于 WebAssembly 的简短分享 Slide。Enjoy!

    44820

    jupyter-notebook做

    设置 设置: image.png 启动服务: jupyter nbconvert notebook.ipynb –to slides –post serve 利用IFrame来加载网页

    77320

    LaTeX提纲

    简介 由于现代的 LaTeX 系统主要以 pdf 文件为输出方式,因此它可以用来生成各种专门的电子文档,诸如书籍、文章、等。 因此,本文也使用 beamer 文档类来制作提纲。 2. 2.2 风格 修改 beamer 格式的基本方式是使用主题。 2.2.5 自定义风格 beamer 使用一种模板机制,将的不同内容组件格式抽象为模板代码、模板字体、模板色彩,模板代码是实现组件的具体代码。 % 提供简单的作者年代引用格式 \bibliographystyle{apalike} 2.4 动态 2.4.1 覆盖 覆盖是最为基本的一种效果,它是把同一帧的不同内容按一定次序拆分成几页显示出来

    8530

    用JavaScript 代码来做,图切换效果!

    用原生的JS写动画效果的确是个很令人纠结的事情,倒不如直接用jQuery来写,亦或找一些jQuery插件。能力达不到的时候,为了工作进度,只能采取心有不甘的手段。 图切换并不是很难,只不过要获得一些动画效果有些费力,由于本人数学不好,加之不努力,所以做起动画来很吃力。 动画切换要结合JS和CSS达到想要的效果。 图切换一般涉及的CSS的定位,以及JS定时器的知识。定位方式一般定时变换的left或者 top属性,实现图移动。还有一种是设置的父容器的scrollTop或者scrollLeft属性。 外部包裹的div是一个容器,用来包裹图容器和切换容器。外部的大div和图容器宽度和高度定死,overflow属性设置为hidden,防止图溢出容器。 下面介绍JS代码如何实现效果。 首先创建Slider对象,在JS中函数就是对象。该对象接受两个属性,一个是外层容器的ID属性值,另一个是配置参数。 以上获得图及切换容器对象,以及设置默认配置参数。

    1.1K50

    披荆斩棘的腾云先锋(TDP)成员出道了!

    腾云先锋(TDP)介绍 腾云先锋(TDP)是由腾讯云-云相关产品打造的开发者团体,群内聚集了各行各业的初创公司和高校的科技人才,技术研究领域覆盖Java、PHP、Android、Winform、Go、H5、JS “腾云先锋(TDP)”成员名单介绍(排名不分先后) 戳我查看个人主页 戳我查看个人主页 戳我查看个人主页 戳我查看个人主页 戳我查看个人主页 戳我查看个人主页 5.jpg 戳我查看个人主页 6.jpg 戳我查看个人主页 7.jpg 戳我查看个人主页 8.jpg 戳我查看个人主页 9.jpg 恭喜以上10位成员,如其他开发者有想加入TDP可在群内找到小蜜蜂进行TDP

    1.4K282

    jQuery插件Orbit 介绍(附添加到WordPress教程)

    这年头,几乎常规的网站都有;没有反而显得不高档了。今天介绍一个图滑动jQuery 插件,名字叫 Orbit,自定义功能很强大却是轻量级(仅仅4kb 左右)。 Orbit是一个设计良好并且容易使用的jQuery 图滑动插件,它除了支持图滚动切换展示外,还支持针对内容的滚动。 一般都是在首页加载的,对于WordPress 主题,可以通过if 语气判断是否在首页来写入html。 <?php if ( is_home() ){ ? 比如再添加一个、比如链接的url、图的路径等等,什么仅仅算是一个演示。 为了适合于你的主题,你可以通过orbit-1.2.3.css 修改相关代码自定义样式,比如宽高神马的。 而对于的相关参数设置,你可以去查阅官方文档自行解决。

    510100

    一统江湖的大前端(1)——PPT制作库impress.js

    《一统江湖的大前端》系列是自己的学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新。 data-x = 的x坐标 data-y = 的y坐标 data-scale = 通过指定一个值来进行缩放,data-scale为5则将会在你原始尺寸基础放大5倍 data-rotate = 通过一个数字度数来确定旋转你的 data-rotate-x = 为3D用,这个数字度数是它应该相对x轴旋转多少度。 附件中的 CSS-presentation 可通过双击文件中的index.html直接打开,是自己以前在做团队内部分享时使用 impress.js制作的,时间较短,直接套用了官方示例并对个别细节进行了调整 相关原理 impress.js的框架原理并不复杂,写在html标签上的属性可以通过 document.querySelector('元素名').dataset["属性名"]的方式取得其值,然后将每一张相关的值赋值给

    56030

    009.Zabbix展示

    一 Slide shows简介 Slide shows在多个Screens之间以的方式来展示,使一个屏幕可以显示多个页面。 default delay:每个的显示时间 ? 三 查看验证 ?

    18420

    jQuery插件slick

    简介 slick 是一个基于 jQuery 的插件,具有以下特点: 支持响应式 浏览器支持 CSS3 时,则使用 CSS3 过度/动画 支持移动设备滑动 支持桌面浏览器鼠标拖动 支持循环 支持左右控制 pauseOnHover 布尔值 true 鼠标悬停暂停自动播放 responsive object null 断点触发设置 slide 字符串 ‘div’ 滑动元素查询 slidesToShow 整数 1 每屏显示个数 slidesToScroll 整数 1 每次滑动个数 speed 整数 300 滑动时间 swipe 布尔值 true 移动设备滑动事件 touchMove 布尔值 true 触摸滑动 touchThreshold slickPause() 暂停自动播放 slickPlay() 开始自动播放 slickGoTo() index : int 切换到第 x 张 slickCurrentSlide() 返回当前索引

    18730

    python pyview展示

    """ ###################################################################### Sli...

    8730

    两周“学会”bootstrap搭建一个移动站点

    一直想着用bootstrap搭建网站,它的自适应、元素封装完善、现成的Glyphicons字体图标,省去很多的css、js、ui的工作,可以快速搭建一个客户需要的站点。 国内的企业站一般都喜欢这样的版式:头部导航、banner、次导航、文章列表、tag标签、转化引导、主业分类、团队介绍、联系方式,那我们就按这样设计   1.按照bootstrap中文网bootcss.com 官方文档,首先我们先引用css和js,用大的body把页面包围起来   2.用导航条

    设计一个头部导航,用栅格系统column分为散列,左侧是主页小房子标志,中间是logo,右侧是下拉导航菜单   3.用carousel.js做一个轮播,如果想加入手势滑动效果参考ytkah之前写的这篇文章:Bootstrap轮播如何支持触屏左右滑动手势?

    48160

    相关产品

    • Serverless  SSR

      Serverless SSR

      Serverless SSR 基于云上 Serverless 服务,开发了一系列服务端渲染框架组件,目前支持 Next.js, Nuxt.js 等常见 SSR 框架的快速部署,帮助用户实现框架迁移, “0”配置,SEO 友好,首屏加载速度快,为用户提供了便捷实用,开发成本低的网页应用项目的开发/托管能力。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券