我有一些代码可以在这里看到
http://jsfiddle.net/rullingen/GCXsq/1/
这种情况在悬停时基本上会扩大div高度,而在没有时会收缩.目前它从75px扩展到300px.我想改变它,使其从75px扩展到适合DIV内容的高度.我已经尝试将展开值设置为'auto',但这似乎不能很好地工作.任何人都可以给我指针吗？
HTML
<div class="expand">
<img src="http://rauanklassnikringing.com/wp-content/uploads/2010/11/carrot-imperator.jpg" alt="" />
</div>
<div class="expand">
<img src="http://rauanklassnikringing.com/wp-content/uploads/2010/11/carrot-imperator.jpg" alt="" />
</div>
<div class="expand">
<img src="http://rauanklassnikringing.com/wp-content/uploads/2010/11/carrot-imperator.jpg" alt="" />
</div>
<div class="expand">
<img src="http://rauanklassnikringing.com/wp-content/uploads/2010/11/carrot-imperator.jpg" alt="" />
</div>
<div class="expand">
<img src="http://rauanklassnikringing.com/wp-content/uploads/2010/11/carrot-imperator.jpg" alt="" />
</div>
使用Javascript
$('.expand').hover(function() {
$(this).animate({
height: '300px'
}, 300);
},function() {
$(this).animate({
height: '75px'
}, 300);
});
CSS
.expand {
overflow: hidden;
margin-bottom: 15px;
height: 75px;
}
我最近(有一点帮助)将这个简单的表格写入电子邮件脚本.它的工作原理,唯一的问题是它在运行时重定向到包含的php脚本.有没有人对如何阻止这种情况发生任何想法,而只是在原始页面上显示感谢信？
的index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Megaform</title>
</head>
<body>
<?php include 'form.php' ?>
</body>
</html>
form.php的
<form name="email" method="post" action="email.php">
<p>
<label for="name">Full Name</label>
<input type="text" name="name" id="name">
</p>
<p>
<label for="email">Email Address</label>
<input type="text" name="email" id="email">
</p>
<p>
<label for="phone">Phone Number</label>
<input type="text" name="phone" id="phone">
</p>
<p>
<label for="subject">Subject</label>
<input type="text" name="subject" id="subject">
</p>
<p>
<label for="message">Message<br>
</label>
<textarea name="message" id="message" cols="45" rows="5"></textarea>
</p>
<p><input type="submit" name="send" …我从fancybox运行以在从滑块单击标题时在iframe中显示博客帖子.我想使用箭头,但箭头的默认定位意味着(至少在chrome中)按钮覆盖了博客文章的滚动条意味着用户无法滚动的区域.
我想重新定位箭头,使它们位于fancybox的左侧和右侧,而不是覆盖在盒子本身上,尽管我找不到这个选项.有人可以帮帮我吗？
嘿那些人,我很擅长HTML和CSS,但只有jsut开始划伤jQuery的表面.我希望在页面加载上逐个淡入3个div.到目前为止,我有这个
<script type="text/javascript">
$('#1').hide().fadeIn(1500);
$('#2').hide().fadeIn(1500);
$('#3').hide().fadeIn(1500);
</script>
我听说使用css将显示设置为none对任何拥有非JavaScript浏览器的人来说都是一场噩梦,所以我使用hide函数来初始隐藏div.
但这只会一下子消失.有任何想法吗？
嗨,我希望在这个网站上实现类似滑块的东西:
http://www.egoargentina.com/en/
滑块应跨越页面的整个宽度.我一直在寻找,我似乎无法找到一个.关于Ego Argentina的那个似乎是定制的,所以我不想使用它以防许可问题再次发生在我身上.
高度需要保持固定,但宽度需要是流动的.图像不需要缩放,因为它们会在边缘淡出.