精华内容
下载资源
问答
  • 用JavaScript实现随机提取指定的图片作为网页背景
    2021-04-23 20:43:55

    其实这个功能几个月前都实现了,但是写法有些问题,打算修改下,换个写法。

    思路

    提取网站下的images里的background文件夹里6张图里的随机取一张图,作为网页背景。

    js直接放在了header.php尾部。

    用在自己网站的代码

    bg_img= ['<?php $this->options->themeUrl('images/background/1.jpg'); ?>',

    '<?php $this->options->themeUrl('images/background/2.jpg'); ?>',

    '<?php $this->options->themeUrl('images/background/3.jpg'); ?>',

    '<?php $this->options->themeUrl('images/background/4.jpg'); ?>',

    '<?php $this->options->themeUrl('images/background/5.jpg'); ?>',

    '<?php $this->options->themeUrl('images/background/6.jpg'); ?>']; //调用图片路径(我网站模板是用的themeUrl函数获取当前模板路径,根据实际情况决定怎么写)

    document.getElementsByTagName("body")[0].style.background = "url("+bg_img[Math.floor(Math.random()*(bg_img.length))]+")";//随机背景图

    document.getElementsByTagName("body")[0].style.backgroundPosition = "center";

    document.getElementsByTagName("body")[0].style.backgroundRepeat = "no-repeat";

    document.getElementsByTagName("body")[0].style.backgroundAttachment = "fixed";

    不用php也可以这样写

    bg_img = ["http://xxxx/1.jpg",

    "http://xxx/2.jpg",

    "http://xxx/3.jpg",

    "http://xxx/4.jpg",

    "http://xxx/5.jpg",

    "http://xxx/6.jpg"]; //调用图片地址/路径(改为自己的)

    document.getElementsByTagName("body")[0].style.background = "url("+bg_img[Math.floor(Math.random()*(bg_img.length))]+")";//随机背景图

    document.getElementsByTagName("body")[0].style.backgroundPosition = "center";

    document.getElementsByTagName("body")[0].style.backgroundRepeat = "no-repeat";

    document.getElementsByTagName("body")[0].style.backgroundAttachment = "fixed";

    写的时候遇到的问题

    开始错用了document.body ,发现这个除了IE,其他浏览器都不认。

    改为了document.getElementsByTagName。

    开始为了图方便 把JS文件放到头部了。导致执行这个js的时候,body还没有出现的情况,一般js要放在html末尾(

    后)

    关于getElementsByTagName()

    getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

    语法document.getElementsByTagName(tagname)

    返回值

    类型:NodeList 对象,描述:指定标签名的元素集合

    浏览器支持

    所有主要浏览器都支持 getElementsByTagName() 方法

    更多相关内容
  • 我要左侧的背景,按下F12键,就出来一个开发者界面,找到 sources,资源一般都是在这个目录下,找到 image,逐一点开,所有图片都在,挑你要的就好了,然后右击,选择 save,轻松搞定~

    我要左侧的背景,按下F12键,就出来一个开发者界面,找到 sources,资源一般都是在这个目录下,找到 image,逐一点开,所有图片都在,挑你要的就好了,然后右击,选择 save,轻松搞定~

    在这里插入图片描述

    展开全文
  • 网页背景图片提取工具 css背景图片获取器 V1 0 1 单文件绿色版 图片提取工具是小站长的好工具 图片提取工具可以智能提取远程css文件的背景图片 单个预览或者批量下载
  • 抖音背景音乐提取器工具源码 源码内有一个index.html,还有一个PHP文件。 站长测试了下。还能用。 安装教程: 上传访问域名即可 抖音背景音乐提取器工具源码
  • 打开菜单中工具--->页面信息---->媒体 转载于:https://my.oschina.net/hongjiang/blog/3074295...

    d3aeae176741612252fe9abc453e02e2cf5.jpg

    打开菜单中工具--->页面信息---->媒体

     

    转载于:https://my.oschina.net/hongjiang/blog/3074295

    展开全文
  • 如何保存网页背景图片

    千次阅读 2015-04-17 22:29:26
    在最近学习JavaWeb时,总是需要获得网页上的图片,但有时候不是所有的图片都能直接右击“另存为”,比如说背景图片。在这里,不同的浏览器有不同的方式,但是大体上没什么差别。相信会了一种就会其他的了。 在这里...

    在最近学习JavaWeb时,总是需要获得网页上的图片,但有时候不是所有的图片都能直接右击“另存为”,比如说背景图片。在这里,不同的浏览器有不同的方式,但是大体上没什么差别。相信会了一种就会其他的了。

    在这里提供两种方式(参考别人的) http://jingyan.baidu.com/article/870c6fc32f6b8fb03fe4bee9.html,分别是360和火狐浏览器获得的背景图片的方式,请参考。

    我用的猎豹浏览器。方法如下:1.右击“审查元素”,在出来的网页代码中,选择<div id="banner"></div>的下面,接下来的方法估计需要保存照片的一定有能力自己找到方法,就是找到背景图片background的URL,打开URL,会在网页中显示背景图片。

    在这里,就不在提供太多图片了。比较简单,可以参考我给的链接。

    后来的保存图片的方法和普通方式相同,就是右击图片另存为。

    展开全文
  • 在浏览网页时我们通常会看到一些不错的背景图片,于是就想保存下来作为壁纸,但是有的网页不能将图片右键另存为,那我们该怎么办呢? 以Chrome为例,在页面空白的地方右键–>检查,打开开发者工具,其他浏览器...
  • 这是我的配置,编译的时候,css 里面的背景图都会提取放进dist/images/目录,但是html中 img 的图片提取不出来,只能手动在 js 文件 require(html 中的图片)生成,不能像提取 css 中的图片一样提取 html 中的吗?
  • 授人以鱼不如授人以渔,看到网友LYF在论坛某网站首页的网页背景音乐,热心网友Q1628393554真心可爱,将具体操作方法分享了出来,这是帮了我的大忙,可以给自己的网站整理成教程,因为使用Chrome45,操作方法和网友...
  • 本工具为自己使用ASP.NET(C#)开发的一个网页开发辅助工具,可以输入网址之家提取css代码中的背景图片,并且可以自动获取到网页中包含的css文件地址,点击可以直接载入css代码,也可以复制网页源代码黏贴进去查找。...
  • 最近写了个python抓取必应搜索首页http://cn.bing.com/的背景图片并将此图片更换为我的电脑桌面的程序,在正则匹配图片url时遇到了匹配失败问题。 要抓取的图片地址如所示: 首先,使用这个pattern reg = re....
  • 通过提取富文本图片的地址以便后续可以删除该图片,这里是用正则表达式的方法。 注意:提取的时候记得转化成String 代码: package com.qust.ty.tyqzht.util; import java.util.ArrayList; import java.util.List; ...
  • 6、可以保存网页背景音乐、网页中播放过的几乎所有声音和音乐文件; 7、可以保存网页中播放过的几乎所有视频(包括土豆、优酷、6房间、酷6等); 8、可以保存其他基于网页框架的各种音频/视频教材(例如一些网校教程...
  • 使用正则表达式匹配资源获取网页HTML,css,js,图片
  • 相信很多小伙伴遇到过用CSS插入背景图时,底部出现白边的情况,如下:个人总结了2个方法如下:解决方法1:给图片都加上 vertical-align: middle属性。有时,移动端也会有类似的情况出现,如下:这种情况在移动端...
  • 需求在网页中单击某张图片图片能放大显示,且能按顺序切换图片,同时,一些小图标和不符合要求的图片不能放大。由于网页是在app中打开,图片的放大与切换由移动端实现,因此,需要用js调用原生方法,并传递所有...
  • 为了美化Excel2013工作表,输入数据后,用户可以为工作表添加背景图片。在默认情况下,插人的背景图片是以平铺的方式占满整个工作表,如果需要背景图片只在数据区域中显示,可以使用下面介绍的方法来操作。(1)启动...
  • 使用css的特有属性,给不同的盒子添加边框图片。为什么会有这一场景呢。因为,UI给我们前端的边框图片可能未必适合我们当前的内容。这里我们主要使用到的属性有:border-image-sourceborder-image-sliceborder-top-...
  • 该篇文章就针对PHP这种技术在动态网页表单控件提取中的应用进行详细的阐述。关键词:PHP;动态网页;表单中图分类号:TP311 文献标识码:A文章编号:1009-3044(2020)06-0217-021背景由于企业电商的国际化,我国动态...
  • 安利一个在Chrome浏览器中的取色工具...1、需要下载ColorPick Eyedropper 链接:https://pan.baidu.com/s/1mJgKCnBmy1IUP5mNAhiYTg 提取码:1ysa 2、加载到Chrome 3、点击Chrome右上角小图标去愉快的使用吧 ...
  • B站的封面一直是每个玩B站的up主都十分重视的一环,可是这些封面都是需要自己进行设计的,如果你没有这方面的...其实手机B站下载保存封面主要有两种方式,一种是直接用手机保存封面,一种就是找一些视频封面提取网站...
  • 背景起因是微信技术群里有个同学发问,有什么方法能够获取图片的主色呢?有一张图片,获取他的主色调:利用获取到的这个颜色值,来实现类似这样的功能 -- 容器中有一张图片,希望背景色可以适配图片的主色,像是这样...
  • 首先介绍了 Pycharm 的优势,为提升写 Python 的体验,我们可以选择导入自己喜欢的代码主题,设置自己喜欢的高清图片作为背景,还可以设置自动生成文件头注释,这样每次新建 .py 文件就会自动生成头注释。
  • 基于MATLAB的图片中文字的提取及识别一.引言随着计算机科学的飞速发展,以图像为主的多媒体信息迅速成为重要的信息传递媒介,在图像中,文字信息(如新闻标题等字幕) 包含了丰富的高层语义信息,提取出这些文字,...
  •  视觉定位技术是站在网页浏览者的角度全局的审视网页的页面布局,通过判断各个内容项占据背景的位置、颜色、尺寸、乃至于字体字号等细节,分析预测页面的核心描述信息。该算法相比前面提到的方法技术门槛较高,研发...
  • css背景图片添加urlSay you want to put an image or two on a webpage. One way is to use the background-image CSS property. 假设您要在网页上放置一两个图片。 一种方法是使用background-image CSS属性。 This...
  • php用正则表达式获取所有的图片,一下上代码$url=”http://sports.qq.com/photo/?pgv_ref=aio”;//file_get_contents() 函数把整个文件读入一个字符串中$string=file_get_contents($url);//preg_match_all函数进行...
  • 在科技论文写作过程中,需要将自己的数据和前人成果进行对比。为了从别人的论文中得到原始数据,往往需要从曲线中自主提取数据,这就需要用到今天介绍的 `GetData Graph Digitizer`这一款软件。
  • 利用火狐(firefox)获取背景图片

    千次阅读 2012-01-04 17:30:39
    当我们浏览网页时看见好看的图片会保存下来,其方法很简单,在图片上右击,另存为就可以了。当是当你看到的图片是一张背景图片呢。恐怕就没有那么容易了。这时我们可以利用火狐的firebug插件来完成。   第一步...
  • 本发明涉及计算机网络技术领域,确切地说是一种网页数据结构化提取的方法。背景技术:随着互联网的快速发展,网站页面的表示技术越来越多样化;在舆情领域中,都会涉及到网页结构化数据的提取,在多数情况下,为了...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 20,108
精华内容 8,043
关键字:

网页背景图怎么提取