• 关于

    js 设置背景图片

    的搜索结果
  • ImageLightbox.js – 响应式的图片 Lightbox 插件

      ImageLightbox.js 是一款很简洁的用于显示图片灯箱效果(Lightbox)的插件,没有字幕,导航按钮或默认背景。如果默认功能不够用的话,你可以很容易地自定义 JavaScript 函数扩展插件,更改设置或者使用一些很有用的功能函数。最重要的是,图片适应任意大小的屏幕,并提供在触摸...

    文章 秋天风景 2014-02-08 738浏览量

  • 创建仿真效果超轻松!ThingJS的环境与效果有多酷

    特殊的环境效果能够烘托场景氛围,增加真实感,让物联网项目更加直观,ThingJS提供基础的环境效果设置方法,让开发者在熟悉的JS语言上增加更多炫酷功能! 如何控制环境与效果?ThingJS 提供4种方式来控制天空和背景: 如何设置背景颜色 如何设置灯光效果 如何设置粒子效果...

    文章 游客g5eizyrh6cvnm 2020-08-31 435浏览量

  • css和javascript中图片路径的不同

    之前在写前端代码时,在图片路径的设置那里经常会遇到一个问题.比方说,我 (1)在根目录下面新建了个"images"文夹,里面放了张图片top.gif (2)在根目录下另外新建了两个文件夹"CSS"和"JS"专门用来存放用到的.css文件和.js文件(假设我们用到的为"test.css"和"tes...

    文章 程序猿小卡 2016-04-28 1024浏览量

  • jquery动画 -- 7.会移动的背景,讲解div+css动画原理

      今天课程介绍的是移动的背景,顺便讲解下div+css动画的原理。首先还是先介绍如何制作移动的背景效果。   html代码比较简单,我就全贴出来了,稍后介绍js的实现。 <!DOCTYPE html> <html> <head> <title...

    文章 bill.kang 2012-08-31 585浏览量

  • JS实现背景图按时切换或者每次更新

    首先要有一个添加背景图片的div     &lt;div  id="myDiv"&gt;&lt;/div&gt; css样式中添加背景tu图 body{height:100%;} #myDiv{background-image:url("img/yellow.jpg");height:100%;}...

    文章 一坨翔 2017-09-24 763浏览量

  • 为你的网页图标(Favicon)添加炫丽的动画和图片

      Favico.js 在让你的网页图标显示徽章,图像或视频。你设置可以轻松地在网页图标中使用动画,可以自定义类型的动画,背景颜色和文字颜色。它支持的动画,像幻灯片,渐变,弹出等等。 您可能感兴趣的相关文章 分享10个让你惊叹的Chrome浏览器实验项目 精心挑选的优秀jQuery Ajax分...

    文章 秋天风景 2013-09-23 648浏览量

  • jQuery全屏滚动插件fullPage.js

    简介 如今我们经常能见到全屏网站,尤其是国外网站。这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面(查看),QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的,显得更上档次,你可以试试 fullPage.js。 full...

    文章 fuyifang 2014-10-28 1151浏览量

  • 第124天:移动web端-Bootstrap轮播图插件使用

    Bootstrap JS插件使用 > 对于Bootstrap的JS插件,我们只需要将文档实例中的代码粘到我们自己的代码中> 然后作出相应的样式调整 Bootstrap中轮播图插件叫作Carousel 一、基本的轮播图实现 HTML代码 1 <!-- 2 以下容器就是整...

    文章 半指温柔乐 2017-12-24 1309浏览量

  • 【转载】SweetAlert2 使用

    SweetAlert2是一款功能强大的纯Js模态消息对话框插件。SweetAlert2用于替代浏览器默认的弹出对话框,它提供各种参数和方法,支持嵌入图片,背景,HTML标签等,并提供5种内置的情景类,功能非常强大。 SweetAlert2是SweetAlert-js的升级版本,它解决了SweetA...

    文章 风间影月 2016-11-24 800浏览量

  • web app 的技术参考 -- 来自 【百度移动建站指南】

    优化页面性能   考虑到移动设备和移动互联网的特点,在进行移动网站的页面开发设计时,一个总的原则是考虑用户访问的效率,降低页面加载时间。  下面的内容来自百度,然后我自己做了笔记。另外可参考这个系列的文章。 减少访问请求数 从设计实现层面简化页面,不要放太多的图片、复杂的表达、动画、视...

    文章 文艺小青年 2017-06-09 1084浏览量

  • 多浏览器 div 半透明

    IE: filter:alpha(opacity=sqlN) 其中 sqlN的值域为[0, 100] Firefox: -moz-opacity:sqlN 其中sqlN的值域为[0, 1] Chrome和Safari: opacity:sqlN 其中sqlN的值域为[0, 1] 对于Firefox...

    文章 古镇月影 2011-10-23 512浏览量

  • Cocos2d-JS使用CocosDenshion引擎

    Cocos2d-JS提供了一个音频CocosDenshion引擎。具体使用的API是cc.AudioEngine。cc.AudioEngine有几个常用的函数:playMusic(url, loop)。播放背景音乐,参数url是播放文件的路径,参数loop控制是否循环播放,缺省情况下false。s...

    文章 关东升 2015-04-05 1138浏览量

  • 使用PIE对IE进行CSS3兼容介绍和经验总结

    国外团队开发的兼容插件,去年做项目时才发现,非常强大 主角:PIE.js , PIE.htc 两种方法可以实现 官方网站:http://css3pie.com/ 演示地址:http://css3pie.com/demos/gradient-patterns/ 重要功能实现:可以使 IE6、7、...

    文章 zsjangel 2014-02-03 1592浏览量

  • ImagesLazyLoad 图片延迟加载效果

    1.导入JS插件  &lt;script src="jQuery.js" type="text/JavaScript"&gt;&lt;/script&gt;  &lt;script src="jquery.lazyload.js" type="text/javascript"&gt;&lt;/sc...

    文章 航空母舰 2016-05-12 1470浏览量

  • 【转】ie6下使PNG背景图片透明的方法

      最近发现在IE6下不能正常显示PNG图片,这让我很苦恼。使用PNG图片的透明或半透明的特性能做出非常漂亮的网页来,在Firefox和Opera中对PNG的支持都非常的好,但是IE却无视PNG图片这一特性的 “存在”,虽然IE7已经支持可IE6还是不行。查了一些资料,基本解决了这一问题,这里跟...

    文章 秋天风景 2009-05-05 692浏览量

  • CSS切割

    引用:http://blog.doyoe.com/article.asp?id=25  为了加快页面访问速度,我们可能会想到多种可行的办法:如提升硬性条件方面的性能、减少HTTP请求次数,使用Cache,合并文件(aoao总结的把js和css合并成一个文件非常好玩)等等。   这里主要讲一下如何节...

    文章 古镇月影 2013-01-06 725浏览量

  • 【案例讨论】从案例引发的对缓存设计的思考,干货讨论,绝对不玩虚的

    主题:从案例引发的对缓存设计的思考背景: 谈到性能优化,势必要谈到缓存架构的设计与使用。几乎是所有人都知道缓存的威力,但是知道终归只是知道,如何真正合理的在自己的项目中进行使用,又是另外一回事了。我们团队为不少的公司的项目进行了性能与架构的优化,遇到了不少由于误用,滥用缓存带来的问题,这些项目的缓...

    文章 技术小甜 2017-11-09 923浏览量

  • Ckeditor的使用方法和配置

    关于Ckeditor,就不再多表述了,由于之前在项目中使用过,查了些相关的资料,顺便做下笔记。感觉比fckeditor 方便多了。 Ckeditor官网是可自行下载 http://ckeditor.com/ 。使用方法如下: 首先在页面<head>中引入ckeditor核心文件cked...

    文章 技术小胖子 2017-11-09 1326浏览量

  • 《微信小程序:开发入门及案例详解》—— 2.3 框架主体文件

    本节书摘来自华章出版社《微信小程序:开发入门及案例详解》一 书中的第2章,第2.1节,作者李骏 边思,更多章节内容可以访问云栖社区“华章计算机”公众号查看。 2.3 框架主体文件 框架主体文件由app.json、app.js、app.wxss构成,这3个文件必须放置在项目根目录,一个小程序只有一份...

    文章 华章计算机 2017-05-02 2080浏览量

  • 20. WebAR那些事: 一个40行的ARDemo

    紧接上文 WebVR+Three.js可以快速高效的搭建VR场景,降低了初学者的准入门槛,节省多平台重复开发,开始了H5在VR的新时代。 本次Demo所需二维码 用户可以本地启动HTTP服务,将URL填写到播放路径本次demo已经集成到APK中,用户可以点击《AR地球》来体验 AR地球 环境准备 ...

    文章 淘朗英 2016-12-07 3381浏览量

  • ECHO.js 纯javascript轻量级延迟加载

    演示 &lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;简单的JavaScript图像延迟加载库Echo.js&lt;/title&gt; &...

    文章 桃子红了呐 2017-11-07 904浏览量

  • ECHO.js 纯javascript轻量级延迟加载

    演示 &lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;简单的JavaScript图像延迟加载库Echo.js&lt;/title&gt; &...

    文章 桃子红了呐 2017-02-27 517浏览量

  • ECHO.js 纯javascript轻量级延迟加载

    演示 &lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;简单的JavaScript图像延迟加载库Echo.js&lt;/title&gt; &...

    文章 桃子红了呐 2017-06-26 572浏览量

  • 走近webpack(3)--图片的处理

      上一章,咱们学了如何用webpack来打包css,压缩js等。这一篇文章咱们来学习一下如何用webpack来处理图片。废话不多说,咱们开始吧。   首先,咱们随便找一张你喜欢的图片放到src/images目录下,然后把图片设置为背景图片,代码是这个样子。 src/index.html: &l...

    文章 zaking 2018-03-24 1344浏览量

  • 从零开始学_JavaScript_系列(23)——css<5>滚动条,Tab,spellcheck,img放置

    (21)滚动条的美化 for chrome内核: /* 有这行才有效,滚动条的宽度 */ ::-webkit-scrollbar { width: 12px; } /* 滚动条的背景 */ ::-webkit-scrollbar-track { -webkit-box-shado...

    文章 零零水 2016-06-03 1538浏览量

  • 前端开发规范文档

    Web Front-end Development Document Specification(www.weyoo.cn) 1、文件管理规范 1) 资源文件目录 背景图片目录 图标目录 图片目录 临时图片目录 样式文件目录 脚本文件目录 flash文件目录 上传文件...

    文章 y0umer 2013-05-02 3227浏览量

  • 懒加载和预加载的实现

    提到前端性能优化中图片资源的优化,懒加载和预加载就不能不说,下面我用最简洁明了的语言说明懒加载和预加载的核心要点以及实现 懒加载 什么是懒加载 懒加载也就是延迟加载;当访问一个页面时,先将img标签中的src链接设为同一张图片(这样就只需请求一次,俗称占位图),将其真正的图片地址存储在img标签的...

    文章 webmirror 2017-11-17 7373浏览量

  • 支付宝小程序代码结构及组成 (二)

    本章内容出自《小程序开发不求人》电子书,点击下载完整版 支付宝小程序代码结构及组成 小程序全局结构 概述 App() 代表顶层应用,管理所有页面和全局数据,以及提供生命周期回调等。它也是一个构造方法,生成 App 实例。一个小程序就是一个 App 实例。每个小程序顶层一般包含三个文件。 app....

    文章 温柔的养猫人 2020-05-08 175浏览量

  • JS魔法堂之实战:纯前端的图片预览

    一、前言                                   图片上传是一个普通不过的功能,而图片预览就是就是上传功能中必不可少的子功能了。在这之前,我曾经通过订阅input[type=file]元素的 onchange事件,一旦更改路径则将图片上传至服务器,接着就获取图片路径并...

    文章 肥仔john 2016-04-20 1582浏览量

  • MINA小程序开发框架

    MINA MINA(MINA IS NOT APP) 是在微信中开发小程序的框架。 MINA的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生APP体验的服务。 MINA提供了自己的视图层描述语言WXML和WXSS,以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提...

    文章 游客hnajkmzjrkff2 2020-09-30 89浏览量

1 2 3 4 ... 11 >

云产品推荐

阿里云企业服务平台 陈四清的老板信息查询 上海奇点人才服务相关的云产品 爱迪商标注册信息 安徽华轩堂药业的公司信息查询 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 天籁阁商标注册信息 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 北京芙蓉天下的公司信息查询