the original div is fixed somewhere, when you click on the div, the div is enlarged and absolutely positioned in the middle of the screen, and it is a bit over-animated before zooming in and out!
the following code realizes click-and-pop to zoom in and out, but I don"t know how to add excessive effect, no excessive effect is too stiff.
<style>
.fd{width: 800px; height: 500px;position: fixed;top: 17%;z-index: 999;left: 25%;}
-sharptanchu{}
</style>
<script>
var tanchu=$("-sharptanchu");
var guanbi=$("-sharpguanbi");
tanchu.click(function(){
if(!$(tanchu).hasClass("fd")){
tanchu.addClass("fd");
}
});
guanbi.click(function(){
if(!$(tanchu).hasClass("fd")){
}else{
tanchu.removeClass("fd");
}
event.stopPropagation();
})
</script>can excessive animation be added to methods like the above?