十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
首先要给图片添加一个Id,之后在jquery中写如下代码:
目前创新互联已为上千余家的企业提供了网站建设、域名、雅安服务器托管、网站运营、企业网站设计、江城网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
$("#图片ID").click(function(){
alert("aa”);
});
或者
$("#图片ID").bind("click",function(){
alert("aa");
});
扩展资料:
Click 事件实际应用:
此事件是在一个对象上按下然后释放一个鼠标按钮时发生。它也会发生在一个控件的值改变时。
对一个 Form 对象来说,该事件是在单击一个空白区或一个无效控件时发生。对一个控件来说,这类事件的发生是当: 用鼠标的左键或右键单击一个控件。对 CheckBox, CommandButton, Listbox 或 OptionButton 控件来说,Click 事件仅当单击鼠标左键时发生。
通过按下箭头键或者单击鼠标按钮,对 ComboBox 或 ListBox 控件中的项目进行选择。
当 CommandButton,OptionButton 或 CheckBox 控件具有焦点时,按下 SPACEBAR 键。
当窗体带有其 Default 属性设置为 True 的 CommandButton 控件时,按下 ENTER 键。
当窗体带有一个 Cancel 按钮 — 其 Cancel 属性设置为 True 的 CommandButton 控件时,按下 ESC 键。
对控件按下一个访问键。例如,如果一个 CommandButton 控件的标题是 "Go",则按下 ALT+G 键可触发该事件。 也可在代码中触发 Click 事件,通过: 将一个 CommandButton 控件的 Value 属性设置为 True。
将一个 OptionButton 控件的 Value 属性设置为 True。
改变一个 CheckBox 控件的 Value 属性的设置。
参考资料来源:百度百科:Click事件
添加删除是一项基本功能,下面就来看一下jquery怎么在图片上添加删除按钮。
设备:联想电脑
系统:xp
软件:jQuery2019
1、首先写一个HTML架构,如图所示代码。
2、新建一个div,div中包裹着一个img标签,视为图片。
3、再次书写一个div,之后会赋予点击事件。
4、然后使用onclick函数进行点击时间的绑定,如图所示。
5、引入jquery.js,之后使用其中的函数。
6、最后编写addButton方法,这样一切就完成了。
$(document).ready(function() { $('.post img').each(function() { var maxWidth = 100; // 图片最大宽度 var maxHeight = 100; // 图片最大高度 var ratio = 0; // 缩放比例 var width = $(this).width(); // 图片实际宽度 var height = $(this).height(); // 图片实际高度 // 检查图片是否超宽 if(width maxWidth){ ratio = maxWidth / width; // 计算缩放比例 $(this).css("width", maxWidth); // 设定实际显示宽度 height = height * ratio; // 计算等比例缩放后的高度 $(this).css("height", height); // 设定等比例缩放后的高度 } // 检查图片是否超高 if(height maxHeight){ ratio = maxHeight / height; // 计算缩放比例 $(this).css("height", maxHeight); // 设定实际显示高度 width = width * ratio; // 计算等比例缩放后的高度 $(this).css("width", width * ratio); // 设定等比例缩放后的高度 } }); });