SadraHkm

مشکل با focus active و ... | مبتدی

7 پست در این موضوع قرار دارد

سلام دوستان

من 4 تا آیکون دارم با 4 تا لینک متفاوت . مثلا آیکون اولی لینک #test ه . حالا میخوام وقتی روش کلیک شد، آیدی #test نمایشش بلاک شه .

ولی با این کد هر کاری میکنم این اتفاق نمیوفته


#test { display:none }
.footer { display:block }
.color-box:focus #test { display:block }
یا این
.color-box:focus .footer { display:block }
با فوکوس هم کار نمیده درست

مثلا یه چیزی مثه این

http://fmedias.com/surmoi/index.html

0

به اشتراک گذاری این پست


لینک به پست

سلام

این سایت با استفاده از جاوا اسکریپت این کار رو انجام داده

از دوستانی که با جاوا آشنایی دارن بپرسید تا راهنماییتون کنند.

2

به اشتراک گذاری این پست


لینک به پست

اگر درست فهمیده باشم :

شما میخواهید درون یک Id تغییراتی اعمال کنید مثل Hide به Block درسته ؟

با کتابخانه Jquery و JSشدنی هست

نمونه های زیر ببینید :

http://www.javascriptkit.com/javatutors/dom3.shtml

http://jsfiddle.net/tjNLM/


function swap(one, two) {
document.getElementById(one).style.display = 'block';
document.getElementById(two).style.display = 'none';
}

و...

شما خودتون میتونید تغییرات اعمال کنید :

http://stackoverflow.com/questions/21070101/show-hide-div-using-javascript

2

به اشتراک گذاری این پست


لینک به پست

اگر درست فهمیده باشم :

شما میخواهید درون یک Id تغییراتی اعمال کنید مثل Hide به Block درسته ؟

با کتابخانه Jquery و JSشدنی هست

نمونه های زیر ببینید :

http://www.javascrip...tors/dom3.shtml

http://jsfiddle.net/tjNLM/


function swap(one, two) {
document.getElementById(one).style.display = 'block';
document.getElementById(two).style.display = 'none';
}

و...

شما خودتون میتونید تغییرات اعمال کنید :

http://stackoverflow...sing-javascript

بله درسته

مثل این سایت من 4 تا آیکون زدم اینم کد هاش :


<div class="icon-boxes-header">
<a href="#profile"><div class="color-box green"><i class="fa fa-user greenshadow"></i><p>پروفایل</p></div></a>
<a href="#about"><div class="color-box orange"><i class="fa fa-file-text orangeshadow"></i><p>رزومه</p></div></a>
<a href="#about"><div class="color-box blue"><i class="fa fa-briefcase blueshadow"></i><p>نمونه کار ها</p></div></a>
<a href="#about"><div class="color-box pink"><i class="fa fa-paper-plane pinkshadow"></i><p>تماس با من</p></div></a>
</div>

.icon-boxes-header {
float: right;
display: inline-block;
width: 98%;
margin: 27px 90px 0px;
}
.color-box {
width: 115px;
height: 115px;
border-radius: 100%;
float: right;
margin-left: 148px;
margin-bottom: 10px;
overflow: hidden;
}
.green {
background: #B4EB82 none repeat scroll 0% 0%;
}
.orange {
background: #eb9664 none repeat scroll 0% 0%;
}
.blue {
background: #82d2f5 none repeat scroll 0% 0%;
}
.pink {
background: #f08282 none repeat scroll 0% 0%;
}
.color-box i {
font-size: 40px;
position: relative;
top: 34px;
z-index: 2;
color: #FFF;
opacity: 1;
transition: all 0.3s ease-in-out 0s;
}

حالا این کدی که شما دادین رو چطوری باید استفاده کنم ؟ چون من خیلی با جاوا و jquery آشنایی ندارم

ممنون

0

به اشتراک گذاری این پست


لینک به پست

دوستان خواهش میکنم یکی جواب بده

0

به اشتراک گذاری این پست


لینک به پست

دوستان خواهش میکنم یکی جواب بده

یعنی چی ! :huh:

همچین میگید یکی جواد بده انگار پاسخ داده نشده به این تاپیک تا به الان

شما همون لینک هایی که دادم میخوندید متوجه میشدید و اصلا نیازی به صبر کردن و گرفتن لقمه آماده از کسی نیست

قوانین انجمن 24 ساعت است اول بخونید بعد

شما 1 ظهر کدقرار دادید ساعت 9 شب اسپم آیا 24 ساعت شده یعنی ؟ ;)

0

به اشتراک گذاری این پست


لینک به پست

یعنی چی ! :huh:

همچین میگید یکی جواد بده انگار پاسخ داده نشده به این تاپیک تا به الان

شما همون لینک هایی که دادم میخوندید متوجه میشدید و اصلا نیازی به صبر کردن و گرفتن لقمه آماده از کسی نیست

قوانین انجمن 24 ساعت است اول بخونید بعد

شما 1 ظهر کدقرار دادید ساعت 9 شب اسپم آیا 24 ساعت شده یعنی ؟ ;)

سلام

من به سختی تونستم درستش کنم . چون اصلا با جاوا آشنایی نداشتم . ولی الان تو یه صفحه 4 تا آیکون دارم که وقتی کلیک میشن هر کدومشون یه باکس اختصاصی زیرشون باز میشه و اسکرول میاد پایین . اگه بخوام این اسکلرول یخورده نرم بیاد پایین باید چه کدی استفاده کنم ( اسکلرول یکدفعه میاد پایین ) ؟ توی جاوا کدی باید بزنم ؟

ویرایش شده در توسط hcp90
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری