小编Art*_*lor的帖子

在路径转换angularjs之间滑动

我只和Angular一起工作了大约一个星期,所以如果我的代码是垃圾,我会道歉.

我正在尝试在路由转换之间创建滑动操作.我可以在幻灯片中创建效果,但不能在路径转换之间创建效果.

无论如何代码如下:导航

<li><a ng-click="go('/')"  class = "intro currentLink navLinks">Intro</a></li>
<li><a ng-click="go('/why')"  class = "why navLinks">Why</a></li>
<li><a ng-click="go('/resume')" class = "resume navLinks">Res</a></li>
<li><a ng-click="go('/qualified')" class = "qualified navLinks">How</a></li>
<li><a ng-click="go('/contact')" class = "contact navLinks">Contact me</a></li>
Run Code Online (Sandbox Code Playgroud)

视图(S)

<div class = "pages">
    <div ng-view id="slides" ng-animate="'slide'">
        <!--inside main view-->
    </div><!--end main view-->
</div><!--end pages-->
Run Code Online (Sandbox Code Playgroud)

CSS

.slide-leave-setup {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
} …
Run Code Online (Sandbox Code Playgroud)

angularjs ng-animate

13
推荐指数
1
解决办法
3万
查看次数

jQuery Validation插件在按钮点击时验证表单

所以我有一个七部分表单,其中六个选项卡通过CSS隐藏,当用户点击下一个部分时淡入.

我已经提交了页面以确保插件正常工作; 它是.基本上它只是在没有验证当前部分的情况下进入表单的下一部分

举个例子

HTML

<form id = "form1" action = "backend.php" method = "post">
<label for "phone">First Name </label>
    <input type = "text" name = "fName" placeholder = "First Name..." class = "required" id = "fName" />
<button id = "btn" type = "button" class = "buttonnav next">next</button>
</form>
Run Code Online (Sandbox Code Playgroud)

使用Javascript

$('#btn').click( function() { $("#form1").validate();});
Run Code Online (Sandbox Code Playgroud)

forms jquery jquery-validate

9
推荐指数
1
解决办法
4万
查看次数

较轻的字体在textarea中不起作用

我一直在环顾四周,似乎无法找到明确的答案.

如何使字体粗细小于600以正确显示textarea字体?

小提琴:http://jsfiddle.net/bk53K/

码:

<textarea rows="7" class="randomText">Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you
Run Code Online (Sandbox Code Playgroud)

textarea {
    border: none;
    resize: none;
    font-size: 30px;
    font-weight: 100;
}
Run Code Online (Sandbox Code Playgroud)

html css fonts textarea

0
推荐指数
1
解决办法
205
查看次数

标签 统计

angularjs ×1

css ×1

fonts ×1

forms ×1

html ×1

jquery ×1

jquery-validate ×1

ng-animate ×1

textarea ×1