首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

图片内容管家 (文字隐藏到图片

可以在图片放入和编辑: 电影下载链接、电影番号、学习资料网址、告白情诗、记录心情笔记等。 支持链接一键在浏览器打开,支持内容的导出。 对内容进行加密,并支持对图片的密码设置,提高安全性。...软件截图: 1 打开图片 支持拖拽 可以直接拖拽至主界面左侧,图片位置。...3 浏览器响应 一键打开 如果是可用浏览器打开的链接,后面会有一个浏览器图标, 点击该按钮,即可一键用浏览器打开该链接。...4 添加内容 方便贴心 输入文本后,按下回车键或者右侧的“新建内容”按钮, 即可添加内容。 5 双击编辑 简单方便 双击对应内容即可编辑。...6 删除功能 一键删除 点击每行对应后面的 删除按钮即可删除该项。 也可以选中多个后,一键删除选中。

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

    H5拖放原生js图片拖放另外一个元素

    当拖动停止时(无论是元素放到了有效的放置目标,还是放到了无效的放置目标上),会触发dragend事件。...接下来,我们说拖放图片的事例。要求是这样的:有两个body里面有两个空div,几张img。我们要实现的是让图片可以随意拖放进入div里面,img在div里面可以随便更改位置。...我们还可以通过监听信息的function得出图片对象的一些方法,在图片拖放事件ondrop开始的function里面执行此方法就可以监听: function show(event) { //监听图片信息...+ event[i] + ""; //键值对,键是i,值是event } d2.innerHTML = text; } show(e.dataTransfer);//监听图片...完整的js应该是这样的: var d1, img, d2, msg; window.onload = function () { d1 = document.getElementById

    2K30

    一键点击链接(按钮)下载js(jquery.qrcode)生成的二维码图片

    上周日最得意的事情莫过于搞定了jquery.qrcode生成的二维码图片一键下载。...有时候觉得已经生成了二维码图片,直接打印就行了,但是用户总有新需求诞生,于是用户说每次保存二维码的图片,都需要右键点击,然后另存为,能不能直接一个按钮点一下就下载这个二维码呢?...能不能直接二维码图片的名称也在保存的时候自动生成?我的上帝呀,你可以知道你的这么一个小小的要求,我需要折腾多久吗?没错,困扰了1周,最后思考了半天,弄了2个小时程序,才实现了。...中间走了不少弯路,期间参考了《点击按钮保存网页中指定的图片,利用js实现》,可惜jquery.qrcode所生成的图片(我用的是image的渲染方式,因为只有这种方式打印的时候能被直接默认打印出来,canvas...js保存" /> 于是百度、Google访问外国网站,终于寻得base64图片一键下载的一些思路,于是诞生了以下可执行的代码。

    4.7K20

    ASP.NET MVC5+EF6+EasyUI 后台管理系统(32)-swfupload多文件上传

    3、点击SWFUpload提供的Flash按钮,弹出文件选取窗口选择要上传的文件; 4、文件选取完成后符合规定的文件会被添加到上传的队列; 5、调用startUpload方法让队列文件开始上传; 6...所以首先在页面引入SWFUpload.js 其实实现一个文件上传是很简单的,但是要实现一个继承了可配置有水印有缩略图的图片上传功能还是非常繁琐的....该属性设为0时表示不限制文件的上传数量。 file_queue_limit Number 指定文件上传队列最多能同时存放多少个文件。...该背景图片必须是一个sprite图片,从上到下包含了Flash按钮的正常、鼠标悬停、按下、禁用这四种状态。...所指定的按钮背景图片高度的1/4 button_text String 指定Flash按钮上的文字,也可以是html代码 button_text_style String Flash按钮上的文字的样式

    1.5K100

    WordPress自带TinyMCE编辑器相关功能增强

    设置方法:将以下代码添加到主题的functions.php文件即可: add_filter('wp_default_editor', create_function('', 'return "html...添加方法:将以下代码粘贴到主题的functions.php文件即可: WordPress自带编辑器的强大往往被人忽略,很大程度上就是其隐藏的编辑按钮默认情况下没有被显示出来而已。...)、减少缩进(outdent)、缩进(indent)、剪切(cut)、复制(copy)、粘贴(paste)、撤销(undo)、重做(redo)、插入超链接(link)、取消超链接(unlink)、插入图片...如果你使用了WordPress3.3+版本,可以用以下方法快捷方便的在后台HTML编辑器中加入自定义按钮 步骤一:首先创建一个js文件,粘贴如下代码并保存为my_quicktags.js文件: QTags.addButton...步骤二:刚才写好的my_quicktags.js放在主题文件夹,再在主题 functions.php 中加入代码: add_action('admin_print_scripts', 'my_quicktags

    2.8K50

    国庆节前端技术栈充实计划(2):抽空打好JavaScript基础

    如果你想输出两个或者更多的值,只需要简单的用逗号它们分隔就可以了,当有多个级联输出的时候,空格会被自动的添加到每个参数间。...另外你也可以使用事件监听器来监听比如 window的 onload 事件,你的代码添加到那个事件监听器将会延迟你的代码运行直到你的页面的整个内容都加载完毕。...如果你需要稍后使用,你可以简单的用户操作的结果存在一个变量。...; 最后这个 text元素添加到我们的 svg容器中,然后 svg容器添加到HTML文档中: svg.appendChild(text); document.body.appendChild(svg...); Image file 如果你已经有一个图片文件,包含了你想要的文本并且已经放到服务器上了,你可以添加这个图片的URL然后这个图片加到文档中像下面这样: var img = new Image(

    1.3K30

    Vue开发实战(03)-组件化开发

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aS7Zk8tp-1686298456553)(null)] 1 什么是组件化开发 1.1 浏览器封装好的组件 在页面的源码写出的... 按钮 1.2 Vue自定义组件 一个功能的模板(template)封装在一个.vue文件。...如下图,每个组件的逻辑和样式,即JS和CSS封装在一起,方便在项目中复用整个组件: 项目有导航、侧边栏、表格、弹窗等组件,并且也会引入Element3组件库。...Vue组件化机制很好用,只需在其基础上,掌握和学习组件化在使用上的设计理念,以实现高效的代码复用,开发中组件分成: 通用型组件 业务型组件 通用型组件就是各大组件库的组件风格,包括按钮、表单、弹窗等通用功能...-- 这里的 list 代表new Vue.data的 list --> <!

    19020

    ExtJs七(ExtJs Mvc创建ViewPort)

    在解决方案资源管理器中,在\Script\app\View目录上单击右键添加一个名为Viewport.js的脚本文本。...本示例将构建一个类似于Ext JS API的用户界面,分顶部、主区域、底部三部分。顶部主要是显示系统名称和退出等按钮,主区域使用标签页来显示管理的内容,而文章内容的详细信息页也会已标签页形式显示。...顶部因为还要添加按钮,因而使用一个工具栏比较方便;中部是标签页;底部只是占位,用Component就行了。...important; } 将样式文件添加到首页,然后刷新一下页面,可以看到如下的效果 ? 现在看上去样子差不多了,接下来我们来改一下顶部的显示。...文章管理和图片管理因为全部用户都可见,因而可以预添加在标签页。 在Viewport的itemsmainpanel添加到原来的代码位置。

    8.7K40

    VUE+WebPack:开发一款太空版植物大战僵尸的前端页游

    制作出来的,这些图片资源全部打包在一个名为assets.fla文件中,这个文件必须使用flash相关软件才可以查看,为了能够在js代码中使用fla文件中的资源,通过flash软件就可以.fla文件转为...assetsLib就是由assets.js导出来的一个对象,通过调用该对象的接口,我们可以flash创建的图片资源加载到页面上。...assets.Background()接口返回的,我们背景图绘制到bgLayer对象,然后该对象加入舞台容器控件,也就是stage,这样背景图片就可以显示在页面上了, 背景图的部分显示如下: 我们接着看下面的代码片段...当我们boardLayer图层添加到舞台容器后,我们就会发现页面背景图上方添加了一系列网格图案,玩家选择的所有物件都必须放置在网格里: 最后的代码片段: this.setHud()...同时给底部几个按钮设置点击响应函数,当按钮被点击是,组件的addButtonOnMouseDown()就会被调用,在该函数,代码判断用户点击的按钮对应哪种物件,并判断当前玩家所有的资源是否足够建筑对应的建筑物

    1.2K20

    Web APIs第一天

    DOM对象(重要) DOM对象:浏览器根据html标签生成的 JS对象 所有的标签属性都可以在这个对象上面找到 修改这个对象的属性会自动映射到标签身上 DOM的核心思想: 网页内容当做对象来处理 document...树 作用:文档树直观的体现了标签与标签之间的关系 浏览器根据html标签生成的 JS对象(DOM对象) DOM的核心就是内容当对象来处理 是 DOM 提供的一个对象 网页所有内容都在document...通过 JS 设置/修改标签元素属性,比如通过 src更换 图片 最常见的属性比如: href、title、src 等 let num = document.querySelector('img') //...可以通过 JS 设置/修改标签元素的样式属性 比如通过 轮播图小圆点自动更换颜色样式 点击按钮可以滚动图片,这是移动的图片的位置 left 等等 1....网页轮播图效果 获取元素 (图片和文字) 设置定时器函数 设置一个变量++ 更改图片张数 更改文字信息 处理图片自动复原从头播放 如果图片播放到最后一张就是第9张 则变量重置为0 注意逻辑代码写到图片和文字变化的前面

    1.8K30

    win10 Edge浏览器插件开发

    win10最好用的浏览器-Edge  支持插件了  是一个商机哦,可以开发的插件发到应用商店,还能设置收费下载呢 Edge浏览器扩展API还在开发当中,目前已经支持了大部分的API 。...下面讲解下如何创建一个简单的插件并添加到Edge浏览器上。 首先创建一个文件夹,命名为edgeExt。...,例如:48,指的是图片的长宽都是48px....打开Edge浏览器,地址栏输入about:flags,在 “开发者设置” 将 “启用开发人员扩展功能(这可能让设备处于危险之中) ” 选项勾上,点击工具栏上的“...”按钮(即菜单键),选择 “扩展”..., 点击 “加载扩展”,选择刚刚创建的文件夹edgeExt,加载好之后,点击edgeExt, 开启“在地址栏旁边显示按钮”选项。

    1.1K20
    领券