HTML 这个Div框框怎么弄?

HTML 这个Div框框怎么弄?,第1张

<div style="border:1px solid #999padding:3px"><img src="图片路径"></div>

这个就是用实线1像素宽的边框,padding 就是补白,做出来的效果就是里面的图片距离边框会有3像素的距离!!

jquery的toggleClass()可以轻松实现...

<style>

.max{width:XX%height:auto}/* 根据自己的需要去自行设置 */

.min{width:XXpxheight:auto}/* 根据自己的需要去自行设置 */

<style>

<html>

<body>

<img id='img' class='min' src='xxxx'>

</body>

</html>

<script>

$('#img').click(function(){

$(this).toggleClass('min')

$(this).toggleClass('max')

})

</script>

用javascrip里的t数组,每个数值里面包含一个class。。。css里设置位置,样式和大小。。。然后设置按钮,每按一下前面的数组里的数字加一,后面的数减一如此循环,还要用数组绑定事件。javascript本身不支持多事件,所以要用数组绑定。。。网上这种教程很多的。。百度模版王里面特效有代码


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6152905.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存