Javascript 文本框css悬停和按钮显示asp.net c
我想要一些css代码和javascript到我的文本框和一个按钮,第一次我的按钮是隐藏的 当我的鼠标移到文本框时,它的高度应该增加,然后我将鼠标移到另一个应该保持增加的大小的地方 当我的鼠标移到文本框时,一个按钮应该是可见的,然后我将鼠标移到另一个按钮应该是可见的地方 这是我现在使用的CSS文件,但如果我想得到更高的东西,我想对此进行一些更改Javascript 文本框css悬停和按钮显示asp.net c,javascript,c#,jquery,html,css,Javascript,C#,Jquery,Html,Css,我想要一些css代码和javascript到我的文本框和一个按钮,第一次我的按钮是隐藏的 当我的鼠标移到文本框时,它的高度应该增加,然后我将鼠标移到另一个应该保持增加的大小的地方 当我的鼠标移到文本框时,一个按钮应该是可见的,然后我将鼠标移到另一个按钮应该是可见的地方 这是我现在使用的CSS文件,但如果我想得到更高的东西,我想对此进行一些更改 #TextBox1 { background: #FFFFFF; color: #000000; height: 30px; width:510px; p
#TextBox1 {
background: #FFFFFF;
color: #000000;
height: 30px;
width:510px;
padding: 6px 15px 6px 35px;
border-radius: 5px;
box-shadow: 0 1px 0 #ccc inset;
transition: 500ms all ease;
outline: 0;
}
#TextBox1:hover {
height: 100px;
}
发布按钮css
#Post {
background: rgb(66, 184, 221); /* this is a light blue */
border-radius: 20px;
}
如何根据需要更改此css文件?我想我还需要一个javascript文件来隐藏和显示post按钮,我想说的是,在使用jquery检测textbox1的焦点事件时,尝试向textbox1添加一个类,而不是使用css悬停。然后同时使用jQuery使按钮可见 示例代码如下:
//CSS
#TextBox1Clicked{
Height: 100px;
}
//jQuery
$(document).on('focus', '#TextBox1', function(){
//Show the button
$('#yourButtonId').show();
//Add the css class to the text box to make it taller
$('#TextBox1').addClass('TextBox1Clicked');
});
资源:
jQuery'.On':
jQuery“addClass”:
将文本框和post按钮放在一个div中,并使用以下CSS 第一个HTML
<div class="textBoxWrapper" >
<textarea class="textbox_1" id="TextBox1" ></textarea>
<input type="button" id="post" value="Post me"></input>
</div>
问题2的纯CSS解决方案
第一,我会使用JavaScript
.TextBox1Large{
高度:100px;
}
document.getElementById.addEventListenermouseover,文本框的更改高度,false;
函数更改文本框的高度{
document.getElementById.className=TextBox1Large;
//删除事件,因为它只需要一次。
document.getElementById.removeEventListenermouseover,更改文本框的高度,false;
}
这是示例代码,需要学习一些参考资料。使用示例代码并对其进行修改,然后从资源中学习;祝你好运。单击TextBox1是什么?我的文本框id是TextBox1,这将是css类,它具有使文本框的高度变大的属性。dude,错误是文本框在c代码文件中不存在。这个commm.Parameters应该使用什么。AddWithValue@Status,TextBox1.Text;textbox1没有exists@Prabath我已经用C参考更新了我的代码。现在应该可以了。@Prabath当然可以了:您需要将这个脚本放在id为bodyContent的HTML页面的正文中。创建标签并将JavaScript内容放在那里。我将此脚本添加到我的网页中,但有一些错误。来看看。