Css仅显示图像的中心部分(Css Displaying only center part of image)
是否可以仅显示图像的中心部分? 例如,如果图像高度= 300像素和宽度= 520像素使用CSS或JQUERY CSS会更好,如果可能的话其他我可以使用JQuery,谷歌没有帮助我
是否有可能,我可以显示只有200 * 130形成中心使用CSS例如
----------------------- | | | -------- | | |Need this| | | | Part | | | --------- | |_______________________|
Is it possible to display only center part of of image. For eg an image height =300 px and width=520px using CSS or JQUERY css would be better if possible else i can use Jquery, Googling didnt helped me
is it possible that i can show only 200 * 130 form the center using css for eg
----------------------- | | | -------- | | |Need this| | | | Part | | | --------- | |_______________________|
原文:https://stackoverflow.com/questions/6894419
更新时间:2022-11-19 11:11
最满意答案
Jquery中绑定事件有三种方法click、bind、live第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已第二、三种方法都是绑定事件 Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已 第二、三种方法都是绑定事件,但是二者又有很大的不同,下面着重讲解一下,因为这个如果用到Jquery的框架的话是用的挺多的,尤其要注意二者的区别。 【bind和live的区别】 live方法其实是bind方法的变种,其基本功能就同bind方法的功能是一样的,都是为一个元素绑定某个事件,但是bind方法只能给当前存在的元素绑定事件,对于事后采用JS等方式新生成的元素无效,而live方法则正好弥补了bind方法的这个缺陷,它可以对后生成的元素也可以绑定相应的事件。那么live方法的这个特性是怎么实现的呢?下面来探讨一下其实现原理。 live方法之所以能对后生成的元素也绑定相应的事件的原因归结在“事件委托”上面,所谓“事件委托”就是指绑定在祖先元素上的事件可以在其后代元素上进行使用。live方法的处理机制就是把事件绑定在DOM树的根节点上,而不是直接绑定在某个元素上。
其他回答
bind是用来绑定一个或多个事件的,live其实bind的一个加强版,用来绑定通过javascript或者jquery添加的dom元素事件,其语法结构是一样<br><br>$("p").bind("mouseenter mouseleave",function(){<br>alert("ok");<br>})<br>$("p").live("mouseenter mouseleave",function(){<br>alert("ok");<br>})delegate用于事件委托,也是绑定过javascript或者jquery添加的dom元素事件。<br>$("div").delegate("p","click",function(){<br>alert("p");<br>})点击div下面的p执行alert;<br>而on是在1.7之后新增的,是把bind,live,delegate全部合并在一起了,<br>$("div").on("click","p",function(){<br> alert(1);<br> })不需要事件委托的时候把p去掉就会变成点击div触发了。<br>个人建议根据版本来使用,语法其实都差不多,如果你是用1.7版本以上就建议用on,毕竟bind,live,delegate这些将来都会遗弃了,如有错误,请指出。顺便吐槽一下楼上的回答,不走心啊
相关问答
更多-
c,c++,java 语言的区别与应用场合?[2021-11-21]
java、c、c++、vc、vc++、vb的区别和联系2009-03-02 16:33java:分三大平台 java se (j2se),java ee(j2ee),java me(j2me) java se是java ee和java me的基础 java ee是目前位置企业级开发平台中最牛的 java me是用来开发移动嵌入式程序的,例如手机游戏 java 的优点是非常适合用于开发大型企业级项目,我们曾为网通公司开发过的上千万级的项目,用的后台程序就是java ee。 java的主要领域还有开源技术,那要 ... -
jQuery事件绑定方法bind,live,delegate和on的区别[2022-11-10]
bind是用来绑定一个或多个事件的,live其实bind的一个加强版,用来绑定通过JavaScript或者jQuery添加的DOM元素事件,其语法结构是一样
$("p").bind("mouseenter mouseleave",function(){
alert("ok");
})
$("p").live("mouseenter mouseleave",function(){
alert("ok");
})delegate用于事件委托,也是绑定过JavaScri ... -
js中call,apply和bind方法的区别和使用场景[2023-01-07]
在js中,所有的函数再被调用的时候都会默认传入两个参数,一个是this,还有一个是arguments。在默认情况下this都是指当前的调用函数的对象。但是有时候我们需要改变this的指向,也就是说使函数可以被其他对象来调用,那么我们应该怎样做呢?这时候我们就可以使用call,apply和bind方法了。 1.首先搞清楚call,apply和bind方法的来历 在js中所有的函数都是Function的实例,而且对于Function来说,它的原型即Function.prototype中含有很多东西,其中call ... -
js中call,apply和bind方法的区别和使用场景[2022-08-18]
1.首先搞清楚call,apply和bind方法的来历 在js中所有的函数都是Function的实例,而且对于Function来说,它的原型即Function.prototype中含有很多东西,其中call,apply和bind方法就是Function原型中的方法,所以根据原型的规则,所有的函数都可以使用原型中属性和方法,所以来说,对于所有的函数都可以使用call,apply和bind方法。 简单一句话:call,apply和bind都是Function原型中的方法,而所有的函数都是Function的实例。 ... -
求解,htmlencode和urlencode的区别,适用场合[2023-06-15]
htmlencode的目的:将<和>尖括号等符号转掉,避免网页直接渲染标签,防止攻击。 " world " 转成 " world " urlencode的目的:将url中的特殊字符转义,让浏览器方便处理,比如空格、加号等 (url只能使用ASCII character-set,除此之外,都要转义) "hello+world = hello world" 转成 "hello%2Bworld+%3D+hello+world" 除了 -_. 之外的所有非字母数字字符都将被替换成 ... -
js中call,apply和bind方法的区别和使用场景[2023-10-11]
在js中,所有的函数再被调用的时候都会默认传入两个参数,一个是this,还有一个是arguments。在默认情况下this都是指当前的调用函数的对象。但是有时候我们需要改变this的指向,也就是说使函数可以被其他对象来调用,那么我们应该怎样做呢?这时候我们就可以使用call,apply和bind方法了。 1.首先搞清楚call,apply和bind方法的来历 在js中所有的函数都是Function的实例,而且对于Function来说,它的原型即Function.prototype中含有很多东西,其中call ... -
事件绑定方法live和bind的区别及使用场合[2024-03-20]
Jquery中绑定事件有三种方法click、bind、live第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已第二、三种方法都是绑定事件 Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个 ... -
jQuery中的绑定和活动方法有什么区别?(What is the difference between the bind and live methods in jQuery?)[2021-10-12]
.bind()将事件附加到在调用时存在或匹配选择器的元素。 随后创建的任何元素或由于类被更改而进行匹配的元素将不会触发绑定的事件。 .live()适用于现有和将来的匹配元素。 在jQuery 1.4之前,这仅限于以下事件:点击,dblclick mousedown,mouseup,mousemove,mouseover,mouseout,keydown,keypress,keyup .bind() attacheds events to elements that exist or match the se ... -
是否有jQuery的live()函数的变种不绑定到事件?(Is there a variant of jQuery's live() function that does not bind to events?)[2023-07-31]
虽然@jAndy (或者我应该说@jAndy )提到的livequery插件可以工作,但我认为它是最后的手段,因为它需要的开销。 如果要向DOM添加新元素,则只需在添加新元素时调用插件即可。 $.ajax({ url:'/some/path/', success:function(resp) { var $resp = $( resp ); $resp.find('.jdate').datepicker(); $resp.appendTo('# ... -
在你的例子中,你通过live().live().live()在你想要的东西上添加一个live().live().live() 。 这是jQuery处理链接的方式。 你需要做的是: var $o = $("tr:has(td)"); $o.live('click',function(event){ //do stuff }); $o.live('mouseover',function(){ $(this).toggleClass('highlight'); }); $o.live('mou ...