Loading [MathJax]/jax/input/TeX/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >更改分享功能的默认图标为自定义图标(二)

更改分享功能的默认图标为自定义图标(二)

作者头像
OECOM
发布于 2020-07-02 03:05:48
发布于 2020-07-02 03:05:48
1.2K00
代码可运行
举报
文章被收录于专栏:OECOMOECOM
运行总次数:0
代码可运行

在上一篇文章中,我介绍了一种分享的方式,他有一定的局限性,当你要分享的网址有参数且不止一个时,你会发现他分享出去的网址参数不全。这篇文章是对上一篇文章的一个补充,也可以说是另一种写法。我们布好局后,点击相应图标来触发他分享功能的a标签,这样也可以实现分享功能,并且简单可靠。下面我来给大家说一下具体的方法。

我们还用jiathis来做例子。首先我们需要引入他给好的代码。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!-- JiaThis Button BEGIN -->
<div class="jiathis_style_32x32" >
	<a id="kongjian" class="jiathis_button_qzone" style="margin-right:10px;"></a>   
	<a class="jiathis_button_tsina"></a>
	<a class="jiathis_button_tqq"></a>
	<a class="jiathis_button_weixin"></a>
	<a class="jiathis_button_cqq"></a>
	<a class="jiathis_button_douban"></a>
	
</div>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->

将这段代码插入到</body>标签之前。有的朋友会说了,这样引入之后他的图标就正常显示出来了,要怎样将他隐藏呢,其实很简单,给他设置css属性,让他非常的小,并且他的z-index属性值小于其他层的值,让他位于其它层之下,这样就达到了隐藏的效果。

下面就是我们要点击的图片了

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<img onclick="kongjian()" src="img/weixin.jpg">

给这个图片设置一个onclick事件,在js中设置一下,看一下代码。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script>
	function kongjian(){
		document.getElementById("kongjian").click();
	}
  </script>

这样就实现了点击图片时触发点击a标签的效果。这只是其中一个例子,大家有兴趣的可以多试试其他的,只要给相应的a标签设置id,然后设置点击事件即可。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015-05-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
小记 - Flask基础
Web表单是Web程序的基本功能,它是HTML页面中负责数据采集的部件。表单中有三部分组成:表单标签、表单域、表单按钮。表单允许用户输入数据,负责HTML页面数据采集,通过表单将用户输入的数据提交给服务器。
Naraku
2021/07/29
3K0
小记 - Flask基础
Python Flask 学习笔记 —— 三(Flask 扩展学习 )
设想有这样一个情景,我们需要实现一个简单的登录功能,用户需要输入账号,密码,以及确认密码,服务器后台验证账号密码是否合理,合理的话,就登录成功,提示登录成功!不成功的话,就通过消息闪现告诉用户哪里出错了
Gorit
2021/12/08
1.1K0
Python Flask 学习笔记 —— 三(Flask 扩展学习 )
【一周掌握Flask框架学习笔记】Template模板Html页面编写
在前面的示例中,视图函数的主要作用是生成请求的响应,这是最简单的请求。实际上,视图函数有两个作用:处理业务逻辑和返回响应内容。在大型应用中,把业务逻辑和表现内容放在一起,会增加代码的复杂度和维护成本。本节学到的模板,它的作用即是承担视图函数的另一个作用,即返回响应内容。
天道Vax的时间宝藏
2021/08/11
2.7K0
玩了下flask,很轻量级的一个web开发框架
安装flask pip install flask *** #新建一个项目 #然后导入 from flask import Flask #指定app名称 app=(__name__) #指定路由 @app.route(‘/’) def index(): return(‘hello‘) if __name==’main’: app.run() flask 新建起来非常的简单,7行代码就可以搞定了 入口文件可以设置很多参数 app.run(host,port,debug,opt
kirin
2020/05/09
1.2K0
使用flask框架实现简单的图书管理(python 3.8)
flask是轻量级的web框架。 浏览器作为client发出HTTP请求,而web服务器负责处理逻辑,而flask帮助我们完成了安全性和数据流的控制,让我们只用关注于业务逻辑本身,避免重复造轮子
用户7886150
2020/12/30
7380
Flask web表单 Flask-WTF表单扩展
它是HTML页面中负责数据采集的部件。表单有三个部分组成:表单标签、表单域、表单按钮。表单允许用户输入数据,负责HTML页面数据采集,通过表单将用户输入的数据提交给服务器。
Devops海洋的渔夫
2019/12/19
2.3K0
flask构建AI网站(后端基础)
2、会泄露Web应用的绝对路径,及Python解释器的路径(可以配合写文件漏洞向指定目录的文件内写入构造好的恶意代码,利用方式可以参考安全客的这篇文章:文件解压之过 Python中的代码执行)
用户6841540
2025/03/24
1690
Flask框架入门与实战:从基础应用到数据库集成
文章链接:https://cloud.tencent.com/developer/article/2465456
一键难忘
2024/11/14
3000
Flask表单之WTForms和flask-wtf
Flask-WTF是简化了WTForms操作的一个第三方库。WTForms表单的两个主要功能是验证用户提交数据的合法性以及渲染模板。还有其它一些功能:CSRF保护,文件上传等。
菲宇
2020/08/11
4.2K0
Python Web开发:构建动态Web应用
Python已经成为一门流行的编程语言,广泛用于Web开发。它提供了众多优秀的框架和库,使得构建强大的Web应用变得更加容易。本文将深入介绍Python Web开发的基本原理,包括使用Flask框架创建一个简单的Web应用,并展示如何处理路由、模板、表单和数据库。
海拥
2023/09/19
5320
Python Web开发:构建动态Web应用
Flask 系列之 FlaskForm
首先,我们在 todolist 目录中创建一个 forms.py 文件,定义一个注册的表单类, 用于完成用户注册。示例代码如下所示:
py3study
2020/01/16
1.5K0
Flask 系列之 FlaskForm
Flask 系列之 LoginManag
通过使用 flask-login 进行会话管理的相关操作,并完成用户合法性登陆和退出。
py3study
2020/01/16
4730
Flask模板
在模板中{{ variable }}结构表示变量,是一种特殊的占位符,告诉模板引擎这个位置的值,从渲染模板时使用的数据中获取;Jinja2除了能识别基本类型的变量,还能识别{};
py3study
2020/01/16
2.7K0
大白话说Python+Flask入门(三)
我能想到的是,大概率是这部分知识,应该是超出了我现在的水平了,也就是说我存在知识断层了,整体感觉真的是一知半解。
软件测试君
2023/11/23
2750
大白话说Python+Flask入门(三)
Python Flask 入门指南
Python Flask 是一种基于 Python 的微框架,它提供了一种简单而灵活的方式来构建 Web 应用程序。本篇文章将介绍 Flask 的基本概念、安装和配置、路由、模板、表单、数据库以及部署等方面的内容。
疯狂的KK
2023/03/17
2.5K0
使用 Flask 连接数据库和用户登录功能进行数据库的CRUD
在 Web 应用中,连接数据库是一项基本任务,而用户登录功能是很多应用的核心部分。本文将演示如何使用 Flask 框架连接数据库,并实现一个简单的用户登录功能。将创建一个名为 user 的数据库表,其中包含账号、密码和名字字段。还将实现一个登录页面,以及登录成功后跳转到的页面,显示用户姓名。
GeekLiHua
2025/01/21
1740
使用 Flask 连接数据库和用户登录功能进行数据库的CRUD
Flask 入门系列教程(四)
在 WEB 应用当中,表单是和用户交互的最常见的方式之一,学习好表单,是非常重要的,用户登录注册、撰写文章等等操作都离不开表单的功能。表单的处理并不简单,除了要创建表单,还需要做相关的验证,还有错误提示等等。这些操作如果都从头开始编写,那么就太复杂了,不过幸运的是,我们有强大的 WTForms 帮助我们解决。
周萝卜
2020/10/10
1.4K0
Flask 入门系列教程(四)
小白学Flask第九天| 看看模板的那些事(一)
在Flask当中的模板被称为Jinja2模板,那么我们怎么去使用模板呢?大家可以看到下面两块代码:
Python进击者
2019/09/19
5480
小白学Flask第九天| 看看模板的那些事(一)
从头搭建一个在线聊天室(三)
随着我们项目功能越来越多,把所有的逻辑代码都写在一个文件里已经不太合适了,下面就通过 flask 的工厂模式,把项目代码拆分开。
周萝卜
2019/07/17
2.1K0
从头搭建一个在线聊天室(三)
Flask 自定义模型类
模型表示程序使用的数据实体,在Flask-SQLAlchemy中,模型一般是Python类,继承自db.Model,db是SQLAlchemy类的实例,代表程序使用的数据库。
Devops海洋的渔夫
2020/01/15
1.7K0
Flask 自定义模型类
相关推荐
小记 - Flask基础
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验